系统自带的图文滚动标签不好用,可以通过下列方法实现。
<marquee>图片滚动问题解决方法 很多朋友问起页面图片滚动的效果的实现问题。在静态页面中其实就用个<marquee></marquee>标签就能实现的。但现在面临的是图片需要静态标签调用,所以很多朋友不知道如何下手了。 闲话少说,愿与大家一起分享代码! <!--滚动图片代码开始--> <DIV id=shz style="OVERFLOW: hidden; WIDTH: 548px; height:114px"> <TABLE width="548" height="114" border=0 cellPadding=0 cellspacing="0" cellspace="0" > <TBODY> <TR> <TD height=20 align="center" vAlign=middle id=shz1> <div align=left style="float; width:548px; height:114px; font-size:12px"> [ecmsinfo]33,5,0,0,0,3,1[/ecmsinfo] <!--此处换上你所使用的调用标签-调用图文信息调用标签即可实现-> </div> <TD id=shz2 vAlign=top></TD></TR></TBODY></TABLE></DIV> </div> <SCRIPT> var speed=30 shz2.innerHTML=shz1.innerHTML function Marquee1(){ if(shz2.offsetWidth-shz.scrollLeft<=0) shz.scrollLeft-=shz1.offsetWidth else{ shz.scrollLeft++ } } var MyMar1=setInterval(Marquee1,40) shz.οnmοuseοver=function() {clearInterval(MyMar1)} shz.οnmοuseοut=function() {MyMar1=setInterval(Marquee1,40)} </SCRIPT> <!--滚动图片代码结束--> |