jquery 文字滚动

来源:互联网 发布:org.apache.mina 编辑:程序博客网 时间:2024/06/03 20:43
  <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>