jQuery 实现文字向上滚动

一个文字向上滚动的插件。

在线演示:

[runcode]



jQuery插件-文字滚动


一行滚动演示:

  • 这是公告标题的第一行
  • 这是公告标题的第二行
  • 这是公告标题的第三行
  • 这是公告标题的第四行
  • 这是公告标题的第五行
  • 这是公告标题的第六行
  • 这是公告标题的第七行
  • 这是公告标题的第八行
  • 这是公告标题的第9行
  • 这是公告标题的第10行
  • 这是公告标题的第11行
  • 这是公告标题的第12行

多行滚动演示:

  • 这是公告标题的第一行
  • 这是公告标题的第二行
  • 这是公告标题的第三行
  • 这是公告标题的第四行
  • 这是公告标题的第五行
  • 这是公告标题的第六行
  • 这是公告标题的第七行
  • 这是公告标题的第八行
  • 这是公告标题的第9行
  • 这是公告标题的第10行
  • 这是公告标题的第11行
  • 这是公告标题的第12行



[/runcode]

调用方法:

<script type="text/javascript">
 $(document).ready(function(){
 $(“#scrollDiv”).textSlider({
 line:4,
 speed:500,
 timer:3000
 });
 });
 </script>

其中:
line:滚动几行;
speed:滚动速度;
timer:自动滚动间隔;

原文来自:http://www.css88.com/archives/2266