jQuery实现带有上下控制按钮的简单多行滚屏效果代码

本文实例讲述了jQuery实现带有上下控制按钮的简单多行滚屏效果代码。分享给大家供大家参考。具体如下：

这里使用了jQuery插件来实现最简单的多行文字滚屏效果，还带有上下滚动控制按钮，卷动速度，数值越大，速度越慢（毫秒），滚动的时间间隔是（毫秒），每次滚动的行数，默认为一屏，即父容器高度……

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/jquery-up-down-scroll-src-style-codes/

具体代码如下：

ul,li{margin:0;padding:0}
#scrollDiv{width:300px;height:100px;min-height:25px;line-height:25px;border:#ccc 1px solid;overflow:hidden}
#scrollDiv li{height:25px;padding-left:10px;}





多行滚动演示：


信言企业公司建站程序 v1
EPffms 环保时代ASP家庭财务管理系统 v5.0
jQuery两幅图像动画叠加的效果
Android 滑动提示、菜单及列表等小程序源码
Maxcms 马克斯电影视频系统 v4.0
DedeCms v5.7 GBK
DedeCms v5.7 UTF-8
Piwik PHP站点流量统计系统 v1.2.1


向上
向下

希望本文所述对大家的jquery程序设计有所帮助。