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

    <div id="www_qpsh_com" style="overflow:hidden;height:285px;1000px;color:#ff0000">
    <table border="0" align="left" cellpadding="0" cellspacing="0" cellspace="0">
    <tr>
    <td id="www_qpsh_com1" valign="top"><table border="0" align="center" cellspacing="0" cellpadding="0">
    <tr>

    <td style="padding-left:1px;"><img src="图片1" alt="" width="115" height="285" border="0" /></td>
    <td style="padding-left:1px;"><img src="图片1" alt="" width="115" height="285" border="0" /></td>
    <td style="padding-left:1px;"><img src="图片1" alt="" width="115" height="285" border="0" /></td>
    <td style="padding-left:1px;"><img src="图片1" alt="" width="115" height="285" border="0" /></td>
    <td style="padding-left:1px;"><img src="图片1" alt="" width="115" height="285" border="0" /></td>
    <td style="padding-left:1px;"><img src="图片1" alt="" width="115" height="285" border="0" /></td>
    <td style="padding-left:1px;"><img src="图片1" alt="" width="115" height="285" border="0" /></td>
    <td style="padding-left:1px;"><img src="图片1" alt="" width="115" height="285" border="0" /></td>
    <td style="padding-left:1px;"><img src="图片1" alt="" width="115" height="285" border="0" /></td>
    <td style="padding-left:1px;"><img src="图片1" alt="" width="115" height="285" border="0" /></td>
    </tr>
    </table></td>
    <td id="www_qpsh_com2" valign="top"></td>
    </tr>
    </table>
    </div>

    <SCRIPT>
    var speed3=25;//速度数值越大速度越慢
    var www_qpsh_com1 = document.getElementById("www_qpsh_com1"); //非w3c标准要找到表单,必须是要用getElementById("XX");
    var www_qpsh_com2 = document.getElementById("www_qpsh_com2");
    var www_qpsh_com = document.getElementById("www_qpsh_com");
    www_qpsh_com2.innerHTML=www_qpsh_com1.innerHTML;

    function Marquee3(){
    if(www_qpsh_com2.offsetWidth-www_qpsh_com.scrollLeft<=0)
    www_qpsh_com.scrollLeft-=www_qpsh_com1.offsetWidth;
    else{
    www_qpsh_com.scrollLeft++;
    }
    }
    var MyMar3=setInterval(Marquee3,speed3)
    www_qpsh_com.onmouseover=function() {clearInterval(MyMar3)}
    www_qpsh_com.onmouseout=function() {MyMar3=setInterval(Marquee3,speed3)}
    </SCRIPT>
  • 相关阅读:
    Junit研究心得——准备研究Junit
    Nginx proxying for Tomcat applications
    将工厂模式升华为插件式框架【文摘】
    JIRA中输入验证时,将验证错误“InvalidInputException”写到对应字段顶部,而不是页面顶部。
    Junit研究心得——Junit中的Annotation
    Junit研究心得——Junit中的约定规则
    Java 编程的动态性【文摘】
    插件式设计开发心得(一)【文摘】
    Java SE 6 新特性: Instrumentation 新功能
    php实现首页自动选择语言跳转
  • 原文地址:https://www.cnblogs.com/juan/p/1452581.html
Copyright © 2011-2022 走看看