当前位置:首页 > 日记 > 正文

方法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程序设计有所帮助。

相关文章

新浪微博无法上传文件的简单解决方

新浪微博无法上传文件的简单解决方

上传文件,解决方案,新浪微博,简单,电脑软件,今天,在网站上添加了将文件上传到后台的功能。结果是错误,表明文件没有上传。 下面是代码部分。 确定 检查代码半天没有问题。与努力的态度,名称=attafile改变名称=attafile 在这个问题上浪费了…

2015毕业季离别伤感签名签名

2015毕业季离别伤感签名签名

伤感,电脑软件,又是一年的毕业季节,青春的人群,回首过去三年,青春,挥洒在美丽的学校。下面的小编辑带来了2015个毕业季的告别签名。欢迎大家。 1,当你来的时候,我的期望在远方;当你离开的时候,你是我梦想的期待。 2,梦轻轻地摇着朦胧的黎明,我重复着…

对磁性套索工具在photoshopcs6.0使

对磁性套索工具在photoshopcs6.0使

工具,套索,磁性,技术,电脑软件,这里是萧边为你送photoshopcs6.0磁性套索工具技能讲解,教程是比较基本的,而且也很实用,推荐给喜欢的朋友一起学习。 通过套索选择套索的一些技巧 1使用磁性套索取消自动生成点,可以按删除键。 2一个尖锐的角落,…

JS悬挂对联广告代码示例

JS悬挂对联广告代码示例

代码示例,对联,广告,电脑软件,JS,关于一个js悬浮广告的代码,只要我们修改广告图片地址和连接地址,相应的参数可以根据页面的左右调整使用,暂停广告代码。 代码uff1a var = 0.15 VaR的收集; 功能的飞蚊症(){ this.items =; this.additem =函数(x,y,ID,…

如何删除QQ空间的朋友QQ常见问题

如何删除QQ空间的朋友QQ常见问题

空间,常见问题,删除,朋友,电脑软件,如何删除QQ空间的朋友 一、删除QQ空间QQ好友描述; 在QQ空间里,你不能直接删除你朋友的功能。因为QQ空间里的朋友和QQ上的朋友同步,请直接在QQ软件上删除QQ好友。 注:删除QQ空间的朋友不必立即同步到个人中…

如何更改默认的页面布局,word2007wo

如何更改默认的页面布局,word2007wo

默认,教程,页面布局,如何更改,电脑软件,我相信我们都知道Word2007默认页面布局是的水平,但布局;在一些特殊文件的制作,我们可能需要词的页面布局;集垂直型布局,那么我们该如何实现呢下面来看看如何在Word2007中改变默认的页面布局! (1)打开word文档…

动态加载脚本和样式的Javascript方法

动态加载脚本和样式的Javascript方法

脚本,方法,动态加载,样式,电脑软件,动态脚本 当站点需要更改时,脚本需要逐渐变大,我们必须引入太多js脚本并降低整个站点的性能; 因此,动态脚本的概念被提出,相应的脚本在正确的时间加载。 1。js文件动态导入 var标志=真; 如果(标志){ Loadscript('brow…

非主流人格签名空间情绪情绪QQ人格

非主流人格签名空间情绪情绪QQ人格

空间,人格,非主流,情绪,电脑软件,许多人喜欢读一些文章,尤其是一些漂亮的套装和hellip;例如,悲伤的句子,优美的诗歌等!下面是小编的2015非主流个性签名空间,情绪,情感,QQ签名,欢迎阅读。 我曾试图责怪你自己恨你,但我不能离开它。 卸下伪装的盔甲,因为…

Javascript中正则表达式的简要说明

Javascript中正则表达式的简要说明

正则,表达式,简要,电脑软件,Javascript,正则表达式是描述字符模式的对象。 Javascript正则表达式类表示的正则表达式、字符串和正则表达式的定义,并使用正则表达式执行强大的模式匹配和搜索和替换文本的功能。 Grammar: 正则表达式可以用来构造…

PHP中包含文件变量域的讨论

PHP中包含文件变量域的讨论

变量,文件,电脑软件,PHP,在PHP中,我们有时需要一个包含文件,例如,前段时间我在一个框架中写,打算用原生PHP作为模板,然后写一个可以显示的模板文件,但这只是我的投票。 在编写之后,发现模板中的所有变量都没有定义。通过各种研究和搜索数据,总结了…

toString返回的时间()方法在Javascript是一

toString返回的时间()方法在Javascript是一

字符串,方法,是一个,时间,电脑软件,此方法返回表示指定日期对象的字符串。 语法 Date.toString() 下面是参数的详细信息: Na 返回值: 返回表示指定日期对象的字符串。 实例uff1a Javascript的ToString方法 VaR DateObject =新的日期(1993, 6, 28…

细胞分裂前细胞与细胞结合的作用是

细胞分裂前细胞与细胞结合的作用是

细胞,常见问题,作用,细胞分裂,词中,在Word2003,不意味着在分割合并单元格的什么它是做什么的我选择了,没有选择,好像什么都没有改变。请问这两个有什么区别图: 答案uff1a 此选项对拆分的单元格不起作用,这意味着在分割前选择的单元格合并到一个…