关于jQuery轮播焦点图的代码,这个是别人发的,新手有些看不明白,问题在补充里面,帮忙了大家

关于jQuery轮播焦点图的代码,这个是别人发的,新手有些看不明白,问题在补充里面,帮忙了大家,第1张

问题1:function Scroll(obj,speed,interval){....},这是个函数,在页面必然会有类似 Scroll(样式名称,速度,间隔) 这样的调用。

问题2:$("."+obj).each(function(){ ... })这段代码分开分析就会比较易懂,$("."+obj)这个表示的是获取页面中class含有obj的对象,返回的是jQuery对象数组;each()就是遍历这个数组。

function scroll(){ ... } 这同样是个函数,调用一定是在function Scroll(obj,speed,interval){....} 内部,代码没贴全,你自己找一下。

问题3:stop()就是先停下来,为下一个动画做准备。这段代码不是移动li,就是移动UL,然后每次移动一个li的宽度。

问题4:这是在UL的动画的回调函数中的代码,意思是动画结束后,设置最左边的距离为0,就是紧贴最左边显示。

问题5:这里的$(this),要看具体的上下文环境,因为是在$imgUl.stop().animate({left:-width},speed,function(){ .... })整个里面写的,所以$(this)指向的就是$imgUI。

$imgUl.children("li:first").appendTo($(this))

这句的意思就是,找到UL下面的第一个li把它放到UL中li最后的位置。

希望对你有帮助!

relative绝对定位,left,top值相对于自身移动,absolute相对定位,left,top值相对于其父级或者祖先级中第一个设置relative的位置进行移动,如果没有设置则相对于body的位置移动,absolute会脱离正常的文本流,撑不开父级高度,而relative不会。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/12114065.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-21
下一篇 2023-05-21

发表评论

登录后才能评论

评论列表(0条)

保存