很多朋友问起页面图片滚动的效果的实现问题。在静态页面中其实就用个<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.onmouseover=function() {clearInterval(MyMar1)} shz.onmouseout=function() {MyMar1=setInterval(Marquee1,40)} </SCRIPT>
<!--滚动图片代码结束-->
以上代码直接复制就可以实现效果(向左滚动的)
|