jQuery 기반 옵션 및 슬라이드 전환 플러그 인

생각 은 말 하지 않 겠 습 니 다.예전 에 자동 으로 전환 하 는 슬라이드 플러그 인 을 썼 던 것 을 기억 합 니 다.생각 하 는 부분 은 비슷 합 니 다.물론 본 논문 에서 플러그 인 소스 코드 에 도 주석 이 있 습 니 다~플러그 인 핵심 코드:이것 을 누 르 면 데모 보기
 
$.fn.WIT_SetTab=function(iSet){
/*
* @Mr.Think
* Nav: ;
* Field:
* K: ;
* CurCls: ;
* Auto: ;
* AutoTime: ;
* OutTime: ;
* InTime: ;
* CrossTime:
* Ajax: ajax
* AjaxFun: ajax
*/
iSet=$.extend({Nav:null,Field:null,K:0,CurCls:'cur',Auto:false,AutoTime:4000,OutTime:100,InTime:150,CrossTime:60},iSet||{});
var acrossFun=null,hasCls=false,autoSlide=null;
//
function changeFun(n){
iSet.Field.filter(':visible').fadeOut(iSet.OutTime, function(){
iSet.Field.eq(n).fadeIn(iSet.InTime).siblings().hide();
});
iSet.Nav.eq(n).addClass(iSet.CurCls).siblings().removeClass(iSet.CurCls);
}
//
changeFun(iSet.K);
//
iSet.Nav.hover(function(){
iSet.K=iSet.Nav.index(this);
if(iSet.Auto){
clearInterval(autoSlide);
}
hasCls = $(this).hasClass(iSet.CurCls);
//
acrossFun=setTimeout(function(){
//
if(!hasCls){
changeFun(iSet.K);
}
},iSet.CrossTime);
},function(){
clearTimeout(acrossFun);
//ajax
if(iSet.Ajax){
iSet.AjaxFun();
}
if(iSet.Auto){
//
autoSlide = setInterval(function(){
iSet.K++;
changeFun(iSet.K);
if (iSet.K == iSet.Field.size()) {
changeFun(0);
iSet.K=0;
}
}, iSet.AutoTime)
}
}).eq(0).trigger('mouseleave');
}
패키지 다운로드 주소

좋은 웹페이지 즐겨찾기