问题描述

这段代码的详细解析（初学者，看的晕晕的）谢谢

/**
?**公用滚动方法
?**???? 支持定时自动轮播、前后轮播、单独点击轮播
?**/
(function($){
?
$("div[data-scro='controler'] b,div[data-scro='controler2'] a").click(function(){
?
var T = $(this);
if(T.attr("class")=="down") return false;
J2ROLLING_ANIMATION.st({
?
findObject : T,//当前点击对象 默认写
main : T.parent().parent().find("div[data-scro='list']"),//滚动目标容器窗口对象
pagSource : T.parent().parent().find("div[data-scro='controler'] b"),//切换按钮对象
className : "down",//选中的样式
duration : "slow",//滚动速度 和jquery速度一致
on : $(this)[0].tagName=="A" ? true : false//用于判断是否开启无限滚动 or 来回切换
?
});
return false;
?
});
var J2SETTIME="", J2Time=true,J2ROLLING_ANIMATION = {
?
init : function(){
?
this.start();
this.time();
?
},
st : function(o){
?
if(J2Time){
?
this.animate(o.findObject,o.main,o.className,o.duration,o.pagSource,o.on);
J2Time = false;
?
}
?
},
animate : function(T,M,C,S,P,O){
?
var _prevDown = O ? P.parent().find("*[class='"+C+"']") : T.parent().find(T[0].tagName+"[class='"+C+"']"),
_prevIndex = _prevDown.index(),
_thisIndex = O ? (T.attr("class")=="next" ? _prevIndex+1 : _prevIndex-1) : T.index(),
_list = M.find(".item"),
p2n = 1;
_prevDown.removeClass(C);
if(O){
?
if(_thisIndex==-1) _thisIndex=_list.size()-1;
if(_thisIndex==_list.size()) _thisIndex=0;
P.eq(_thisIndex).addClass(C);
?
}else{
?
T.addClass(C);
?
}
if(T.attr("class")=="prev" || _thisIndex<_prevIndex) p2n = false;
if((T.attr("class")=="next" || _thisIndex>_prevIndex)&&T.attr("class")!="prev") p2n = true;
?
!p2n ? _list.eq(_thisIndex).css("left",-M.width()) : '';
_list.eq(_prevIndex).animate({
left:p2n ? -M.width() : M.width()
},S,function(){
?
$(this).removeAttr("style");
J2Time = true;
?
});
_list.eq(_thisIndex).animate({
left:"0px"
},S);
?
},
start : function(){
?
$("#section-focus-pic div[data-scro='controler'] b,#section-focus-pic div[data-scro='controler2'] a").mouseover(function(){
?
window.clearInterval(J2SETTIME);??
?
}).mouseout(function(){
?
J2ROLLING_ANIMATION.time();
?
});
?
},
time : function(){
?
J2SETTIME = window.setInterval(function(){
?
var num = $("#section-focus-pic div[data-scro='controler'] b[class='down']").index(),
_list = $("#section-focus-pic div[data-scro='list'] li");
_list.eq(num).animate({
"left":-$("#section-focus-pic div[data-scro='list']").width()
},"slow",function(){
?
$(this).removeAttr("style");
$("#section-focus-pic div[data-scro='controler'] b").removeClass("down").eq(num).addClass("down");
?
});
num++;
if(num==_list.size()){
?
num=0;
?
}
_list.eq(num).animate({
"left":"0px"
},"slow");
?
},4000);
?
}
?
};
$("a").click(function(){
?
$(this).blur();?
?
});
?
J2ROLLING_ANIMATION.init();//是否开启自动轮播
?
})(this.jQuery || this.baidu);

解决方案

写的好复杂，看不懂，是要做轮播图吗？有很多方法：http://blog.csdn.net/qq_19558705/article/details/49851879

解决方案二：

这段代码是要批判的。。