jquery 文字滚动

最新推荐文章于 2021-08-21 17:49:46 发布

changbiao1990

最新推荐文章于 2021-08-21 17:49:46 发布

阅读量444

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/changbiao1990/article/details/8176800

版权

javascript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

  <script src="jquery.js"></script> 
 <script>
  $(document).ready(function(){
    var changdu=$("ul li").length;
    var left=0;
   var i=0;
   for(i=0;i<changdu;i++){
    left=left-800
    $("ul").animate({"left":+left},6000);

if(i==6){
    $("ul").css("left",0);
//i=0;
   }

}
  });
  </script>
  <style>
     li{width:800px;list-style-type:none;line-height:30px;}
*{margin:0px;padding:0px;}
  </style>

 <body>
 <div style="height:30px;width:800px;border:1px solid black;overflow:hidden;margin:100px 0 0 100px;position:relative;">
  <ul style="width: 5600px; margin-left: 0px;position:absolute;top:0px;left:0px; ">
                                                
  <li>xxxxxxx</li>
  <li>xxxxxxx</li>
  <li>xxxxxxx</li> 
  <li>xxxxxxx</li>
  <li>xxxxxxx</li>
  <li>xxxxxxx</li>
  <li>xxxxxxx</li>
  </ul></div>
 </body>