论坛首页· 友情链接申请·申请版主· 广告投放· 道具中心· 设为首页· 收藏本站
发新话题
打印

JS简简单单实现无间循环(好东西啊!!!)

JS简简单单实现无间循环(好东西啊!!!)

新建一个文本把下面的代码复制进去,改后缀为.html打开;

看完不回帖的打PP;

有比这个更简单的尽管发上来; n_n

<html>
<head>
<h2>无间循环</h2>
</head>
<body>
<form>
    <div id=demo style="OVERFLOW: hidden; height:50px;width:250px">
      <table border="0" align="center" cellpadding="0" cellspacing="0">
       <tbody>
          <tr bgcolor="#FFFFFF" >
            <td valign="top" id="marquePic1">
                111111111111<br/>
                222222222222222<br/>
                333333333333333333<br/>
                444444444444444444444<br/>
                5555555555555555555555555<br/>
                6666666666666666666666666666<br/>
            </td>
           </tr>
           <tr >
              <td valign="top" id="marquePic2"></td>
           </tr>
        </tbody>
      </table>
    </div>
     <script type=text/javascript>
        var speed=30
        marquePic2.innerHTML=marquePic1.innerHTML  
        function Marquee(){  
        if(demo.scrollTop>=marquePic1.scrollHeight){  
        demo.scrollTop=0  
        }else{  
        demo.scrollTop++  
        }}  
        var MyMar=setInterval(Marquee,speed)  
        demo.onmouseover=function() {clearInterval(MyMar)}  
        demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}  
        </script>


</form>
</body>
</html>

TOP

别看好像一大堆,实现循环的其实只有这一段代码
       var speed=30
        marquePic2.innerHTML=marquePic1.innerHTML  
        function Marquee(){  
        if(demo.scrollTop>=marquePic1.scrollHeight){  
        demo.scrollTop=0  
        }else{  
        demo.scrollTop++  
        }}  
        var MyMar=setInterval(Marquee,speed)

TOP

哎~
现在都懒了
一般的JS应用都直接调用prototype
懒的自己去写了。。

TOP

呵呵,还是先学点基础比较实在,慢慢搞懂了再学AJAX之类的东西

TOP

发新话题