zoukankan      html  css  js  c++  java
  • 图片从右往左无间隙滚动代码

    <div class="rollBox" id="demo" style="overflow:hidden; height:77px; 700px; color:#ffffff; ">
    <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr align="center">
    <td id="demo1">
    <table border="0" align="center" cellpadding="6px" cellspacing="0">
    <tr>
    <td align="center">
     <a href="show.aspx?id=67&cid=21" target="_blank"><img src="image/old1.jpg" alt="" width="150" height="80" /></a>
     </td>
     <td> <a href="show.aspx?id=68&cid=21" target="_blank"><img src="image/old2.jpg" alt="" width="150" height="80" /></a></td>
      <td> <a href="show.aspx?id=69&cid=21" target="_blank"><img src="image/old3.jpg" alt="" width="150" height="80" /></a></td>
       <td> <a href="show.aspx?id=70&cid=21" target="_blank"><img src="image/old4.jpg" alt="" width="150" height="80" /></a></td>
        <td> <a href="show.aspx?id=71&cid=21" target="_blank"><img src="image/old5.jpg" alt="" width="150" height="80" /></a></td>
    </tr>
    </table>
    </td>
    <td id="demo2"></td>
    </tr>
    </table>
    </div>
     
    <SCRIPT language="javascript" defer>
    function GetObj(objName)
    {
     if(document.getElementById)
     {
      return eval('document.getElementById("'+objName+'")');
     }
     else
     {
      return eval('document.all.'+objName);
     }
    }
     
    var rollSpeed = 15;//速度数值越大速度越慢
    var rollStep  = 1; //滚动步长
    var rollLeft  = true; //往左滚动
     
    GetObj("demo2").innerHTML=GetObj("demo1").innerHTML;
     
    function Marquee()
    {
        if(rollLeft)
     {
      if(GetObj("demo").scrollLeft>=GetObj("demo1").offsetWidth)
      {
       GetObj("demo").scrollLeft-=GetObj("demo1").offsetWidth;
      }
      else
      {
       GetObj("demo").scrollLeft+=rollStep;
      }
     }
     else
     {
      if(GetObj("demo").scrollLeft<=0)
      {
       GetObj("demo").scrollLeft+=GetObj("demo1").offsetWidth;
      }
      else
      {
       GetObj("demo").scrollLeft-=rollStep;
      }
     }
    }
     
    function MarqueeLeft_ON()
    {
        rollLeft = true;
     rollStep = 20;
    }
     
    function MarqueeLeft_OFF()
    {
        rollStep = 1;
    }
     
    function MarqueeRight_ON()
    {
        rollLeft = false;
     rollStep = 20;
    }
     
    function MarqueeRight_OFF()
    {
        rollStep = 1;
    }
     
    var MyMar=setInterval(Marquee,rollSpeed);
    GetObj("demo").onmouseover=function() {clearInterval(MyMar);}
    GetObj("demo").onmouseout=function() {MyMar=setInterval(Marquee,rollSpeed);}
    </SCRIPT>

  • 相关阅读:
    xdoj 1237 (贪心+逆向思维)
    linux系统 (实验一)实验楼的课程笔记
    fc_net.py cs231n
    cnn.py cs231n
    optim.py cs231n
    layers.py cs231n
    Python数据分析与展示[第一周]
    配置了两天python【python可以的】
    PYTHON网络爬虫与信息提取[scrapy框架应用](单元十、十一)
    PYTHON网络爬虫与信息提取[正则表达式的使用](单元七)
  • 原文地址:https://www.cnblogs.com/liuzhengliang/p/2824576.html
Copyright © 2011-2022 走看看