« »

Dhtml Horizontal Scroller runs any number of messages as large as desired. Once a message leaves the area, the next one comes in. Adjustable: Size, Background, and SPEED (LIVE too). Windows/Linux: IE4+, Firefox1+, Netscape6+, Opera7+ NS4+. MAC OS X: Safari, IE5+ Firefox1+, Opera7+.

Label: Multiple News Scroller v3.0

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Code
CSS
JavaScript
HTML
Print

Copy All x2

<STYLE type=text/css>A {
	TEXT-DECORATION: none
}
A:link {
	COLOR: blue
}
A:visited {
	COLOR: blue
}
A:hover {
	COLOR: red; BACKGROUND-COLOR: #66ffff
}
.tabc {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: navy; FONT-FAMILY: Arial,Helvetica; TEXT-ALIGN: center
}
.tabb {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: Arial,Helvetica
}
.tan {
	FONT-SIZE: 12px; COLOR: navy; FONT-FAMILY: Arial,Helvetica; TEXT-ALIGN: center
}
.tann {
	FONT-SIZE: 14px; COLOR: navy; FONT-FAMILY: Arial,Helvetica; TEXT-ALIGN: center
}
.tabt {
	FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: red; FONT-FAMILY: Arial,Helvetica; TEXT-ALIGN: center
}
</STYLE>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<SCRIPT language=JavaScript>

//If using any portion of this DEMO script,
//one must insert along this notice too:

/***********************************
	vasile barsan
*   http://javascripts.vbarsan.com/
*   This notice may not be removed 
***********************************/

var swidth=300;var sheight=20;var sspeed=10;var restart=sspeed;var rspeed=sspeed;sbcolor="#ccffcc";
var singletext=new Array();
singletext[0]='<nobr class=tabb>JavaScripts.com - The home of free scripts '+'</nobr>';
singletext[1]='<nobr align="center" class=tann><B>Multiple News Scroller V3.0</B> - Once a message left, the next one comes in. Adjust: Size, Speed and Background. Any message may use <b><u>Hyperlinks</u></b></nobr>';
singletext[2]='<nobr align="center" class=tan><b>Windows/Linux:</b> ie4+ firefox1+ netscape6+ opera7+ ns4+ - <b>Mac OS X</b>: Safari, ie5+ firefox1+ opera7+</nobr>';
singletext[3]='<nobr align="center" class=tabb><a target="_self" class=tabb href="http://javascripts.vbarsan.com/">Dhtml Vertical Scroller 7.0 + Dhtml Horizontal Scroller 7.0 + Dhtml Typewriter Scroller 5.0</a></nobr>';
if (singletext.length>1)ii=1;else ii=0;
function goup(){if(sspeed!=rspeed*8){sspeed=sspeed*2;restart=sspeed;}}
function godown(){if(sspeed>rspeed){sspeed=sspeed/2;restart=sspeed;}}
function start(){if(document.getElementById){document.getElementById('iens6div').style.left=swidth;document.getElementById('iens6div').innerHTML=singletext[0];ns6scroll(document.getElementById('iens6div'));}else if(document.all){iens6div.style.left=swidth;iens6div.innerHTML=singletext[0];iescroll(iens6div);}else if(document.layers){document.ns4div.document.ns4div1.left=swidth;document.ns4div.document.ns4div1.document.write(singletext[0]);document.ns4div.document.ns4div1.document.close();ns4scroll(document.ns4div.document.ns4div1);}}
function iescroll(whichdiv){iediv=eval(whichdiv);sizeup=iediv.offsetWidth;if(iediv.style.pixelLeft>0&&iediv.style.pixelLeft<=sspeed){iediv.style.pixelLeft=0;setTimeout("iescroll(iediv)",100);}if(iediv.style.pixelLeft>=sizeup*-1){iediv.style.pixelLeft-=sspeed;setTimeout("iescroll(iediv)",100);}else{iediv.style.pixelLeft=swidth;iediv.innerHTML=singletext[ii];if(ii==singletext.length-1)ii=0;else ii++;}}
function ns4scroll(whichlayer){ns4layer=eval(whichlayer);sizeup=ns4layer.document.width;if(ns4layer.left>0&&ns4layer.left<=sspeed){ns4layer.left=0;setTimeout("ns4scroll(ns4layer)",100);}if (ns4layer.left>=sizeup*-1){ns4layer.left-=sspeed;setTimeout("ns4scroll(ns4layer)",100);}else{ns4layer.left=swidth;ns4layer.document.write(singletext[ii]);ns4layer.document.close();if(ii==singletext.length-1)ii=0;else ii++;}}
function ns6scroll(whichdiv){ns6div=eval(whichdiv);sizeup=ns6div.offsetWidth;if(parseInt(ns6div.style.left)>0&&parseInt(ns6div.style.left)<=sspeed){ns6div.style.left=0;setTimeout("ns6scroll(ns6div)",100);}if (parseInt(ns6div.style.left)>=sizeup*-1){ns6div.style.left=parseInt(ns6div.style.left)-sspeed;setTimeout("ns6scroll(ns6div)",100);}else{ns6div.style.left=swidth;ns6div.innerHTML=singletext[ii];if(ii==singletext.length-1)ii=0;else ii++;}}
</SCRIPT>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<BODY onload=start();>
<TABLE align=center border=1>
  <TBODY>
  <TR>
    <SCRIPT language=JavaScript>document.write('<td width='+swidth+'>');
if(document.layers){document.write('<ilayer id="ns4div" width='+swidth+' height='+sheight+' bgcolor='+sbcolor+'><layer id="ns4div1" width='+swidth+' height='+sheight+' onmouseover="sspeed=0;" onmouseout="sspeed=restart"></layer></ilayer>')}
if(document.getElementById||document.all){document.write('<div style="position:relative;overflow:hidden;width:'+swidth+';height:'+sheight+';clip:rect(0 '+swidth+' '+sheight+' 0);background-color:'+sbcolor+';" onmouseover="sspeed=0;" onmouseout="sspeed=restart"><div id="iens6div" style="position:absolute;height:'+sheight+';"></div></div>');}</SCRIPT>
    </TD>
    <TD bgColor=#ffffcc>
      <DIV><A class=tabb onclick=goup(); 
      href="#">UP</A></DIV>
      <DIV class=tan>-</DIV>

      <DIV><A class=tabb onclick=godown(); 
      href="#">DN</A></DIV></TD></TR></TBODY></TABLE>
<SCRIPT language=JavaScript>
function ctrlA0(corp) {
with(corp){
focus(); select()
}
if(document.all){
txt=corp.createTextRange()
txt.execCommand("Copy")
window.status='Text copied to clipboard'
}
else window.status='Press ctrl-c to copy the text to the clipboard'
setTimeout("window.status=''",5000)
}
</SCRIPT>
</body>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->