Dzwebs.Net

撰写电脑技术杂文十余年

jquery实现公告滚动效果

Admin | 2015-12-15 10:04:21 | 被阅次数 | 3823

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

  通过jquery实现网页公告文字的垂直滚动效果,可通过如下的例子来实现。

  ①网页控件及内容

  <ul> 
   <li>1111</li> 
   <li>22222</li> 
   <li>3333</li> 
   <li>44444</li> 
   <li>5555</li> 
   <li>66666</li> 
  </ul> 

  注意哦,公告内容放在ul和li标签里面。

  ②jquery代码

  setInterval(function(){ 

  var newList=$('ul :first').clone(true); 
  $('ul').append(newList); 
  $('ul :first').remove(); 

  },2000); 

  注意,每隔两秒钟滚动一次,可自行修改,2000代表两秒,1000代表一秒。


该杂文来自: 网页制作杂文

上一篇:jquery获得焦点的代码

下一篇:jquery传递网页参数出乱码

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计