您的位置：首页 > 其它

cms图片滚动问题解决方法

2013-06-24 13:52 183 查看
系统自带的图文滚动标签不好用，可以通过下列方法实现。<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.onmouseover=function() {clearInterval(MyMar1)}
shz.onmouseout=function() {MyMar1=setInterval(Marquee1,40)}
</SCRIPT>

<!--滚动图片代码结束-->
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航