jQuery实例之实现滚动广告的功能

来源:互联网 发布:淘宝特价 编辑:程序博客网 时间:2024/05/21 05:55

jQuery 滚动广告功能的实现

<html><head><title>demo.html</title><script src="jquery.js"></script><style>* {  padding: 0;  margin: 0;}body {  margin: 50px;}ul {  line-style-type: none;}li {  height: 30px;  line-height: 30px;}</style></head><body>  <ul>    <li>我是第1条广告---</li>    <li>我是第2条广告---</li>    <li>我是第3条广告---</li>    <li>我是第4条广告---</li>    <li>我是第5条广告---</li>    <li>我是第6条广告---</li>    <li>我是第7条广告---</li>    <li>我是第8条广告---</li>    <li>我是第9条广告---</li>    <li>我是第10条广告---</li>  </ul>  <script>    setInterval(function(){      var newLi = $('ul>:first').clone(true);      $('ul').append(newLi);      $('ul>:first').remove();    },2000);//每2秒滚动一次  </script></body></html>
0 0
原创粉丝点击