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>