New Revised CSS Library Forums Web Tools
FAQs Awards Usage Terms Contact

<html>
<head>

<script language="JavaScript1.2">

//Slide-in scoller- Dynamic Drive (www.dynamicdrive.com)
//For full source code, 100's more DHTML scripts, and TOS,
//visit http://www.dynamicdrive.com

//Configure delay between messages (4000=4 secs):
var delay=2000
//Configure scroller width
var scrollwidth="200px"
//Configure scroller height
var scrollheight="75px"
var message=new Array()
//Configure messages. Extend array as needed:
var openingtag='<font face="Arial" size=3>'
message[0]='<b>Message 1 here</b>'
message[1]='<b>Message 2 here</b>'
message[2]='<b>Message 3 here</b>'
var closingtag='</font>'

//This variable specifies the initial negative offset of each msg
//You may wish to increase it if your scroller is to the right of page horizontally
var hoffset=-10

</script>

</head>

<body>

<ilayer width=&{scrollwidth}; height=&{scrollheight}; name="sslide">
<layer name="sslide2" width=&{scrollwidth}; height=&{scrollheight};></layer>
</ilayer>

<script language="JavaScript1.2">

var inc=1
var ns4=document.layers
var ie5ns6=document.getElementById||document.all

if (ie5ns6)
document.write(openingtag+'<div id="flyin" style="position:relative;width:'+scrollwidth+';height:'+scrollheight+';">'+message[0]+'</div>'+closingtag)


function updatemsg(){
crossobj.style.left="-2000px"
crossobj.style.fontStyle="italic"
crossobj.innerHTML=message[inc]
crossobj.style.left=crossobj.offsetWidth*(-1)+hoffset+"px"
start=setInterval("animatein()",50)
inc=(inc<message.length-1)? inc+1 : 0
}

function animatein(){
if (parseInt(crossobj.style.left)<0)
crossobj.style.left=parseInt(crossobj.style.left)+20+"px"
else{
crossobj.style.left=0+"px"
crossobj.style.fontStyle="normal"
clearInterval(start)
}
}

function updatemsgns4(){
document.sslide.document.sslide2.document.write(openingtag+message[inc]+closingtag)
document.sslide.document.sslide2.document.close()
inc=(inc<message.length-1)? inc+1 : 0
}

function initialize(){
if (ie5ns6){
crossobj=document.getElementById? document.getElementById("flyin") : document.all.flyin
setInterval("updatemsg()",delay+1000)
}
else if (ns4){
document.sslide.document.sslide2.document.write(openingtag+message[0]+closingtag)
document.sslide.document.sslide2.document.close()
setInterval("updatemsgns4()",delay)
}
}

window.onload=initialize

</script>

</body>
</html>

Sweet Ads X