zoukankan      html  css  js  c++  java
  • 图片滚动代码

     <div id="butong_net_left" style="overflow:hidden;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>

  • 相关阅读:
    HTML实体符号代码速查表
    在vue中使用css预编辑器
    多个SVG图形集成到一个SVG图形上
    CSS3那些不为人知的高级属性
    如何搭建一个vue项目(完整步骤)
    Vue.js——vue-resource全攻略
    this.$router.push、replace、go的区别
    Vue界面中关于APP端回调方法问题
    Vue、webpack中默认的config.js、index.js 配置详情
    vue mint ui 手册文档
  • 原文地址:https://www.cnblogs.com/G-XiaoHua/p/4832704.html
Copyright © 2011-2022 走看看