jQuery 实现文字向上滚动
一个文字向上滚动的插件。
在线演示:
[runcode]
一行滚动演示:
- 这是公告标题的第一行
- 这是公告标题的第二行
- 这是公告标题的第三行
- 这是公告标题的第四行
- 这是公告标题的第五行
- 这是公告标题的第六行
- 这是公告标题的第七行
- 这是公告标题的第八行
- 这是公告标题的第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:自动滚动间隔;
