码迷,mamicode.com
首页 > 其他好文 > 详细

图片滚动代码

时间:2015-09-23 18:43:07      阅读:158      评论:0      收藏:0      [点我收藏+]

标签:

 <div id="butong_net_left" style="overflow:hidden;width:500px;"> 
<table cellpadding="0" cellspacing="0" border="0">  
<tr><td id="butong_net_left1" valign="top" align="center"> 
<table cellpadding="2" cellspacing="0" border="0"> 
<tr align="center">
<td>校园风光</td>  
<td><img src="images/Activities1.jpg" width="170" height="124"></td> 
<td><img src="images/Activities2.jpg" width="170" height="124"></td> 
<td><img src="images/Activities3.jpg" width="170" height="124"></td> 
<td><img src="images/Activities4.jpg" width="170" height="124"></td> 
<td><img src="images/Activities5.jpg" width="170" height="124"></td> 
</tr> 
</table> 
</td>  
<td id="butong_net_left2" valign="top"></td>  
</tr> 
</table> 
</div> 

    <script type="text/javascript">
        var speed = 10//速度数值越大速度越慢
        

        butong_net_left2.innerHTML = butong_net_left1.innerHTML
        function Marquee3() {
            if (butong_net_left2.offsetWidth - butong_net_left.scrollLeft <= 0)
                butong_net_left.scrollLeft -= butong_net_left1.offsetWidth
            else {
                butong_net_left.scrollLeft++
            }
        }
        var MyMar3 = setInterval(Marquee3, speed)
        butong_net_left.onmouseover = function () { clearInterval(MyMar3) }
        butong_net_left.onmouseout = function ()
        { MyMar3 = setInterval(Marquee3, speed) } 

    </script>

图片滚动代码

标签:

原文地址:http://www.cnblogs.com/G-XiaoHua/p/4832704.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!