- /*函数为滚动函数,是基于JQuery1.11.1写出来的
- 由于本人不还不会写JQuery插件,所以用了函数的封装,希望有会写JQuery插件的指导一下
- 本函数的页面布局格式为:<div class="obj">
- <ul>
- <li>内容</li>
- <li>内容</li>
- <li>内容</li>
- ......
- <ul>
- <div>
- 本函数是直接调用传参就可以运行了,以下是参数说:
- 第一个参数娄是对像:obj
- 第二个参数是页面当显示的个数:num
- 第三个参数是滚动的速度:spe
- 第四个参数是滚动时间的定义:time
- 第五个参数是滚动的类型,现只有两种:向上滚动为1,向左滚动为2
- */
- function gundong(obj,num,spe,time,type){
- var huiyuan=obj;
- var cloneobj= huiyuan.find("ul");
- var linum=cloneobj.find("li").length;
- if(type==1){
- var objheight=huiyuan.find("ul").height();
- }else if(type==2){
- var jisuanobj=cloneobj.find("li").eq(0);
- var jisuanwidth=(parseInt(jisuanobj.CSS("marginLeft"))+jisuanobj.width())*(linum+num);
- cloneobj.css({width:jisuanwidth+"px"})
- var objwidth=(parseInt(jisuanobj.css("marginLeft"))+jisuanobj.width())*linum;
- }
- //复制要重复的内容------------------------------------------------------------------------------
- for (var i = 0; i <num; i++) {
- cloneobj.append(cloneobj.find("li").eq(i).clone());
- };
- //动画-----------------------------------------
- var a=0;
- var total=0;
- if(type==1){
- var huiyuandong=setInterval(topfun,time);
- function topfun(){
- if(total>=objheight){ a=1};
- a++;
- total=a*spe;
- tops=-a*spe;
- cloneobj.css({top:tops+"px"});
- }
- }else if(type==2){
- var huiyuandong=setInterval(leftfun,time);
- function leftfun(){
- if(total>=objwidth){ a=1};
- a++;
- total=a*spe;
- tops=-a*spe;
- cloneobj.css({left:tops+"px"});
- }
- }
- }
- //该片段来自于http://www.codesnippet.cn/detail/2601201511633.html
来源: http://www.codesnippet.cn/detail/2601201511633.html