萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> jquery垂直公告滾動實現代碼

jquery垂直公告滾動實現代碼

         公告滾動想必大家都有見到過吧,實現方法也有很多,下面為大家介紹使用jquery實現垂直公告滾動,感興趣的朋友不要錯過

代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml">  <head>  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <title>無標題文檔</title>  <script src="jquery-1.7.2.js"></script>  <style>  *{  padding:0px;  margin:0px;  }  ul{  list-style:none;  }  li{  line-height:30px;  }  </style>  </head>    <body>  <ul>  <li>1111</li>  <li>22222</li>  <li>3333</li>  <li>44444</li>  <li>5555</li>  <li>66666</li>  </ul>  <script>  setInterval(function(){  var newList=$('ul :first').clone(true);  $('ul').append(newList);  $('ul :first').remove();  },2000);    </script>  </body>  </html>   
copyright © 萬盛學電腦網 all rights reserved