方法jQuery页面百叶窗彩灯滚动显示效果

方法jQuery页面百叶窗彩灯滚动显示效果
本文介绍的例子是jQuery页面滚动显示彩灯的滚动显示效果。供大家分享,供大家参考:

1。这里的代码需要超过jquery1.3的支持,如下图所示:

复制代码代码如下:jquery.fn.extend(

函数($){

var = 4,滚动行号

T = 5000 滚动条的结尾,下一个滚动开始要多长时间

RT = 500,每次滚动过去

滚动的HTML标记包含对象内的默认滚动。

如果有滚动条,滚动的HTML标记启用了元素

调用对象

调用对象:所有设置为滚动的对象

轧制线高度

无功极限= 80; / /比0.1s视觉限制也越小

无功maxrnum = math.ceil(rt/极限); / /滚动的最大数量

无功maxrh = 0; / /每一卷的高度

无功fnrollfirst =功能(arg){ / /将精氨酸高达1 N,完成后,第一个到最后一个位置

无功rcount = 0; / /滚动记录数

VaR区间= setInterval(功能)极限({ / /每周期的时间,总的周期maxrnum-1

rcount + +;

Arg.scrollTop(arg.scrolltop()+ maxrh);

如果(rcount > =(maxrnum-1)){ / /量少1倍

ClearInterval(区间);

Arg.scrollTop(阿根廷。scrollTop)+ h-maxrh *((maxrnum-1)); / / 1最后修改滚动值

第一个到最后一个元素莫比尔

VaR arg.children称=(N);

NowN.eq(就知道了。length-1)。后(nown.eq(0));

在需要将其修改后空出的第一个位置

Arg.scrollTop(H);

};

},极限);

};

无功fnrollarr =功能(arg){ / /对象的数组中开始滚动

var = setInterval(){()函数(

FnRollFirst(arg.shift());

如果(!(长度){

ClearInterval(出);

};

},RT);

};

Var(fnroll =功能){ / /得到一组对象需要滚动

VaR ARR =新的数组();

e.children(O),每个(function()){

var = $(this);

如果(长度> 1){

Arr.push($(this));

};

});

setInterval(){()函数(

FnRollArr(arr.slice(0));

},t);

};

Var(fnlay =功能){ / /页面布局

H = en.height();

VaR NU = math.ceil(恩。长度/L);

var = $();

U.css({溢出:隐藏

对于(var i = 0;i < l;i + +){

en.slice(怒我,女*(i + 1)),WrapAll(U);

};

};

Var(fnmain =功能){ / /滚动的主要方法

如果(maxrnum > 1){

FnLay();

maxrh = math.ceil(H / maxrnum);

fnroll();

};

};

无功fnstart =功能(arg){ / /初始化显示模式

e =精氨酸;

恩= e.children(N);

En.show();

如果(长度> L){

FnMain();

其他{ }

返回false;

};

};

返回{

钓鱼:功能(NUM){ / /设置将分为滚动多少行

(!IsNaN(努姆)民> 0)L =民:;

返回此;

},

时间:功能(NUM){ / /滚动区间:MS

(!IsNaN(努姆)民> 0)T =民:;

返回此;

},

startroll:(功能){ / /开始滚动

FnStart(本);

}

};

}

(jQuery);

2。页面可以是这样的

复制代码代码如下所示:
李菲正在申请成为一个有经验的人。
李菲为我是亚太,亚太这一头衔做出了贡献。
董传敏已经成功购买了职位,我是亚太,亚太人
李菲将该方案出售给我是亚太地区和亚太地区。
三菲利普回答了奥地利境内的问题。

生活的感觉与生活的技巧
三菲利普回答了奥地利境内的问题。

生活的感觉与生活的技巧

李飞到专业主题为我是亚太人民,亚太地区的捐款获得批准,并获得1元奖金。
三菲利普回答了奥地利境内的问题。

生活的感觉与生活的技巧
三论的innero经验:

生活的感觉和生活的技巧
三菲利普回答了奥地利境内的问题。

生活的感觉与生活的技巧
三菲利普回答了奥地利境内的问题。

生活的感觉与生活的技巧
三菲利普回答了奥地利境内的问题。

生活的感觉与生活的技巧
三菲利普回答了奥地利境内的问题。

生活的感觉与生活的技巧

李菲正式成为一个有经验的人。
三菲利普回答了奥地利境内的问题。

生活的感觉与生活的技巧
三论的innero经验:

生活的感觉和生活的技巧
三菲利普回答了奥地利境内的问题。

生活的感觉与生活的技巧
三菲利普回答了奥地利境内的问题。

生活的感觉与生活的技巧
三菲利普回答了奥地利境内的问题。

生活的感觉与生活的技巧
三菲利普回答了奥地利境内的问题。

生活的感觉与生活的技巧

李菲邀请董传敏成为一个有经验的人
三菲利普回答了奥地利境内的问题。

生活的感觉与生活的技巧
三论的innero经验:

生活的感觉和生活的技巧
三菲利普回答了奥地利境内的问题。

生活的感觉与生活的技巧
三菲利普回答了奥地利境内的问题。

生活的感觉与生活的技巧
三菲利普回答了奥地利境内的问题。

生活的感觉与生活的技巧
三菲利普回答了奥地利境内的问题。

生活的感觉与生活的技巧

复杂的点调用写入

/ / $(#重新),SetLine(5),时间(3000)(。startroll);

简单调用

$(#重新)StartRoll();
希望本文能对大家的jQuery程序设计有所帮助。

tag:方法百叶窗彩灯显示效果页面

相关内容