scrolling text with marque up mouseover stop overlapping. ~ scrolling and marquee text in HTML and java script

scrolling text with marque up mouseover stop overlapping.

Wednesday, March 17, 2010 11:19 AM Posted by Unknown , 0 Comments

Labels: scrolling text with marque up mouseover stop overlapping.

just copy this code into <body> tag

<br /> <script language="JavaScript1.2"><br /> <br /> //Translucent scroller- By scrolling text<br /> //For full source code and more DHTML scripts, visit http://scrollingtext.blogspot.com<br /> //This credit MUST stay intact for legal use<br /> <br /> var scroller_width='150px'<br /> var scroller_height='115px'<br /> var bgcolor='#E0EFD1'<br /> var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)<br /> <br /> var scrollercontent=new Array()<br /> //Define scroller contents. Extend or contract array as needed<br /> scrollercontent[0]='Visit our partner site <a href="http://blogging-tips-tools.blogspot.com">blogging tips </a>secrets and tricks!'<br /> scrollercontent[1]='Got JavaScript? <a href="http://blogging-tips-tools.blogspot.com">search engine submissions</a>free offer.'<br /> scrollercontent[2]='Link to scrollingtext on your site. Please visit our <a href="scrollingtext.blogspot.com">links page</a>.'<br /> <br /> <br /> ////NO need to edit beyond here/////////////<br /> <br /> var ie4=document.all<br /> var dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1<br /> <br /> if (ie4||dom)<br /> document.write('<div style="position:relative;width:'+scroller_width+';height:'+scroller_height+';overflow:hidden"><div id="canvas0" style="position:absolute;background-color:'+bgcolor+';width:'+scroller_width+';height:'+scroller_height+';top:'+scroller_height+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div><div id="canvas1" style="position:absolute;background-color:'+bgcolor+';width:'+scroller_width+';height:'+scroller_height+';top:'+scroller_height+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div></div>')<br /> else if (document.layers){<br /> document.write('<ilayer id=tickernsmain visibility=hide width='+scroller_width+' height='+scroller_height+' bgColor='+bgcolor+'><layer id=tickernssub width='+scroller_width+' height='+scroller_height+' left=0 top=0>'+scrollercontent[0]+'</layer></ilayer>')<br /> }<br /> <br /> var curpos=scroller_height*(1)<br /> var degree=10<br /> var curcanvas="canvas0"<br /> var curindex=0<br /> var nextindex=1<br /> <br /> function moveslide(){<br /> if (curpos>0){<br /> curpos=Math.max(curpos-degree,0)<br /> tempobj.style.top=curpos+"px"<br /> }<br /> else{<br /> clearInterval(dropslide)<br /> if (crossobj.filters)<br /> crossobj.filters.alpha.opacity=100<br /> else if (crossobj.style.MozOpacity)<br /> crossobj.style.MozOpacity=1<br /> nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"<br /> tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)<br /> tempobj.innerHTML=scrollercontent[curindex]<br /> nextindex=(nextindex<scrollercontent.length-1)? nextindex+1 : 0<br /> setTimeout("rotateslide()",pause)<br /> }<br /> }<br /> <br /> function rotateslide(){<br /> if (ie4||dom){<br /> resetit(curcanvas)<br /> crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)<br /> crossobj.style.zIndex++<br /> if (crossobj.filters)<br /> document.all.canvas0.filters.alpha.opacity=document.all.canvas1.filters.alpha.opacity=20<br /> else if (crossobj.style.MozOpacity)<br /> document.getElementById("canvas0").style.MozOpacity=document.getElementById("canvas1").style.MozOpacity=0.2<br /> var temp='setInterval("moveslide()",50)'<br /> dropslide=eval(temp)<br /> curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"<br /> }<br /> else if (document.layers){<br /> crossobj.document.write(scrollercontent[curindex])<br /> crossobj.document.close()<br /> }<br /> curindex=(curindex<scrollercontent.length-1)? curindex+1 : 0<br /> }<br /> <br /> function resetit(what){<br /> curpos=parseInt(scroller_height)*(1)<br /> var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)<br /> crossobj.style.top=curpos+"px"<br /> }<br /> <br /> function startit(){<br /> crossobj=ie4? eval("document.all."+curcanvas) : dom? document.getElementById(curcanvas) : document.tickernsmain.document.tickernssub<br /> if (ie4||dom){<br /> crossobj.innerHTML=scrollercontent[curindex]<br /> rotateslide()<br /> }<br /> else{<br /> document.tickernsmain.visibility='show'<br /> curindex++<br /> setInterval("rotateslide()",pause)<br /> }<br /> }<br /> <br /> if (ie4||dom||document.layers)<br /> window.onload=startit<br /> <br /> </script><br />

0 Response to "scrolling text with marque up mouseover stop overlapping."

Post a Comment

Subscribe to: Post Comments (Atom)