jQuery滚动的效果(可选实现)

jQuery滚动的效果(可选实现)
要求:下一个屏幕图片切换时不允许在下一个屏幕上出现空白项,换句话说:

1,当最后一个屏幕的移动数量小于显示的数字时,只有最后一个屏幕的个数和最后一个屏幕的数目之间的差值被移动了。让我们举个例子:每个屏幕显示7个,但总数只有10个。当我们滚动到下一个屏幕时,用户将看到7或7。

这个效果是基于jQuery的,只是为了纪念我自己的学习单词,不是说,粘贴代码。

复制代码代码如下所示:
函数($){)
VaR滑块=功能(元素,args){
this.config =美元。延长({
效果:x x / /影响程度
600,速度动画速度
触发:'mouseenter ' / /触发事件
回调函数:null回调函数
观点:7
| | args){ } };

this.history = {}; / /移动记录历史
this.index = 0;
this.el =元;
this.length = this.el.find(李。长度); / /总长度记录
this.width = this.el.find(李的)。情商(0)(。边界的高度与宽度); / /记录每一个单一的宽度
This.init();
}
slider.prototype = { {
构造函数:滑块,
init:函数(){
this.bindevents();
},
BindEvents:函数(){
This.prev();
This.next();
},
沪指:函数(){
This.el.find({数据类型=左。单击($。代理)(函数(){

如果(this.history.length归来!);如果记录为空,则不移动,因此直接返回。

this.index--;
var = this.history.pop(步骤); / /采取最后一步移动
无功动=步* this.width; / /计算移动宽度
This.el.find(UL)。动画({左:=+移动+PX},这个配置。速度)

},这个)
},
下一步:函数(){
This.el.find({数据类型=权。单击($。代理)(函数(){
如果在当前的最后一页,直接返回
如果(this.index = = parseInt(this.length / this.config.view,10)){
返回;
}
索引+ +;
这个计算非常重要。
计算(下一页*视图)显示数字大于当前的总长度:例如,在第一页(1 + 1)* 7 > 12(总长度)
this.step / /分配的剩余时间,这是留给手机号码
如果(this.config.view *(这个指数+ 1)>这个长度){
this.step =这this.config.view长%;
其他{ }
移动显示的数量/其他
this.step = this.config.view;
}
移动记录的历史
This.history.push(此步骤);
无功动= 1 * * this.width this.step;
This.el.find(UL)。动画({左:=+移动+PX},这个配置。速度)

},这个)
}
}

美元。fn.slider =功能(args){
返回this.each(函数(){()
var =这个;
VaR插件=新的滑块($(EL),args);
$(EL)。数据(滑块)
});
}
}(jQuery)
起初,这个实现没有什么好主意。我想用一个变量来记录当前移动数据的数量,但是突然想到使用数组来进行这样的处理。突然觉得很清楚。

这个数组的焦点是记录运动的步骤。当向左移动时,向数组移动的步骤被推到,当移动到右边时,从数组中获取最后一项{()。

所以为了达到一个好的需求,做一个粗略的比较,请给我一些关于上帝的建议。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部