Kod:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" />
<HTML><HEAD>
<TITLE>Free Horizontal Scroller - Multiple News Scroller 3.0 - Horizontal News Scroller</TITLE>
<**** http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<**** name="description" content="Free Horizontal News Scroller JavaScript scrolls left any number of messages. Dhtml Horizontal News Scroller is multi-os & multi-browser compatible. Adjustable: Size, Background and Speed (LIVE too)." />
<**** name="keywords" content="Free JavaScript Horizontal Scroller,Free Dhtml Horizontal Scroller,Free Horizontal News Scroller JavaScript,Free Dhtml Horizontal News Scroller,DHTML Cross-Browser JavaScripts" />
<**** name="Publisher" content="DHTML Cross-Browser JScripts" />
<**** name="author" content="Vasile Barsan" />
<**** name="Distribution" content="Global" />
<**** name="Robots" content="All" />
<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; text-align:center; font-family:Arial,Helvetica;color:navy;}
.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; font-family:Arial,Helvetica;color:red;TEXT-ALIGN: center;}
</style>
<script language="JavaScript">
//If using any portion of this DEMO script,
//one must insert along this notice too:
/***********************************
* http://javascripts.vbarsan.com/
* This notice may not be removed
***********************************/
var swidth=300;var sheight=20;var sspeed=1;var restart=sspeed;var rspeed=sspeed;sbcolor="#ccffcc";
var singletext=new Array();
singletext[0]='<nobr class=tabb>JavaScripts.com The home of free scripts '+
'<a class=tabb href="#" onClick=\'window.top.********.href="http://forums.webdeveloper.com"\'><u>Check out WebDeveloper Forums. The place where your questions get answered!</u></a></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(********.getElementById){********.getElementById('iens6div').style.left=swidth;********.getElementById('iens6div').innerHTML=singletext[0];ns6scroll(********.getElementById('iens6div'));}else if(********.all){iens6div.style.left=swidth;iens6div.innerHTML=singletext[0];iescroll(iens6div);}else if(********.layers){********.ns4div.********.ns4div1.left=swidth;********.ns4div.********.ns4div1.********.write(singletext[0]);********.ns4div.********.ns4div1.********.close();ns4scroll(********.ns4div.********.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.********.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.********.write(singletext[ii]);ns4layer.********.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></HEAD>
<BODY onLoad='start();' bgcolor="#ffffcc"><div class=tabt align="center"><u>Free Horizontal Scroller - MULTIPLE NEWS SCROLLER V3.0</u></div>
<table align="center" border="1"><tr>
<script language="JavaScript">********.write('<td width='+swidth+'>');
if(********.layers){********.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(********.getElementById||********.all){********.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 href="#" onClick="goup();">UP</a></div><div class=tan>-</div><div><a href="#" class=tabb onClick="godown();">DN</a></div></td></tr></table><br>
<div align="center" class=tabc>Dhtml Horizontal Scroller JavaScript runs any number of messages as
<br>large as desired. Adjustable: Size, Background and Speed (LIVE too).
<br>Windows/Linux: ie4+ firefox1+ netscape6+ opera7+ ns4+.
<br>MAC OS X: Safari, ie5+ firefox1+ opera7+.</div><br>
<script language="JavaScript">
function ctrlA0(corp) {
with(corp){
focus(); select()
}
if(********.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>
<center>
<form metod="post" name="clipost0">
<div align="center" class="tabc"><input type="button" value="Select" onclick="ctrlA0(********.clipost0.SC0)"> Use 'Select' to copy the whole box (then Ctrl C)</div>
<textarea rows="20" name="SC0" cols="50" wrap="virtual" style="width:80%">
<html>
<head>
<title>Free Horizontal Scroller - Multiple News Scroller V3.0</title>
<!-- STEP I: Goes between <HEAD> & </HEAD> tags
You may keep it, change or ignore it!-->
<style type="text/css">
A { text-decoration:none;}
A:link {color:blue;}
A:visited{color: blue;}
A:hover {color: red;background-color:#66ffff;}
.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}
</style>
<!-- STEP II: Goes between <HEAD> & </HEAD> tags-->
<SCRIPT LANGUAGE="JavaScript">
/***********************************
* http://javascripts.vbarsan.com/
* This notice may not be removed
***********************************/
//-- Begin Scroller's Parameters and messages -->
//scroller's width
var swidth=300;
//scroller's height
var sheight=20;
//scroller's speed
var sspeed=1;
var restart=sspeed;
var rspeed=sspeed;
//scroller's background
sbcolor="#ccffcc";
//messages: change to your own; use as many as you'd like; set up Hyperlinks to URLs as you normally do: <a target=... href="... URL ...">..message..</a>
var singletext=new Array();
singletext[0]='<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>';
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=tan>Any message may be <b><i>as large as desired.</i></B> === ... === One may use <b><i>most basic HTML code.</i></B></nobr>';
//singletext[...]='...';
//-- end Parameters and message -->
//-- begin: Scroller's Algorithm -->
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(********.getElementById){********.getElementById('iens6div').style.left=swidth;********.getElementById('iens6div').innerHTML=singletext[0];ns6scroll(********.getElementById('iens6div'));}else if(********.all){iens6div.style.left=swidth;iens6div.innerHTML=singletext[0];iescroll(iens6div);}else if(********.layers){********.ns4div.********.ns4div1.left=swidth;********.ns4div.********.ns4div1.********.write(singletext[0]);********.ns4div.********.ns4div1.********.close();ns4scroll(********.ns4div.********.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.********.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.********.write(singletext[ii]);ns4layer.********.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++;}}
//-- end Algorithm -->
</script>
<!-- End of Script between <head> & </head> tags-->
</HEAD>
<!-- STEP III: Make sure start() is loaded -->
<BODY onLoad="start()">
<!-- STEP IV: Goes between <BODY ... > & </BODY> tags
begin: body code -->
<!-- You may remove first cell below (<td> ... </td>) to get rid of Speed-change -->
<table align="center" border="1"><tr><td bgcolor="#ffffcc"><div class=tan><b><u><a class=tabb href="#" onClick="goup();">UP </a></u>-<u><a href="#" class=tabb onClick="godown();"> DN</a></u></b></div></td><script language="JavaScript">********.write('<td width='+swidth+'>');
if(********.layers){********.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(********.getElementById||********.all){********.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></tr></table>
<!-- end -->
</body></html>