jquery实现多行文字图片滚动效果示例代码

本篇文章主要介绍了"jquery实现多行文字图片滚动效果示例代码"，主要涉及到jQuery方面的内容，对于Javascriptjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播感兴趣的同学可以参考一下： 今儿分享一个jquery实现多行滚动效果。我看一些论坛网站上面，公告处用的较多。代码如下// 多行滚动(function($){$.fn.extend({Scr...

今儿分享一个jquery实现多行滚动效果。

我看一些论坛网站上面，公告处用的较多。

代码如下

// 多行滚动
(function($){
$.fn.extend({
Scroll:function(opt,callback){
if(!opt) var opt={};
var _this=this.eq(0).find("ul:first");
var lineH=_this.find("li:first").height(),
line=opt.line?parseInt(opt.line,10):parseInt(this.height()/lineH,10),
speed=opt.speed?parseInt(opt.speed,10):1000, //卷动速度，数值越大，速度越慢（毫秒）
timer=opt.timer?parseInt(opt.timer,10):5000; //滚动的时间间隔（毫秒）
if(line==0) line=1;
var upHeight=0-line*lineH;
scrollUp=function(){
_this.animate({
marginTop:upHeight
},speed,function(){
for(i=1;i

代码如下

我是jquery多行滚动条一
我是jquery多行滚动条二
我是jquery多行滚动条三
我是jquery多行滚动条四
我是jquery多行滚动条五
我是jquery多行滚动条六
我是jquery多行滚动条七
我是jquery多行滚动条八

以上就介绍了jquery实现多行文字图片滚动效果示例代码，包括了jQuery方面的内容，希望对Javascriptjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播有兴趣的朋友有所帮助。

本文网址链接：http://www.codes51.com/article/detail_1548336.html