453 lines
20 KiB
JavaScript
453 lines
20 KiB
JavaScript
|
/*!
|
|||
|
|
* SuperSlide v2.1
|
|||
|
|
* 轻松解决网站大部分特效展示问题
|
|||
|
|
* 详尽信息请看官网：http://www.SuperSlide2.com/
|
|||
|
|
*
|
|||
|
|
* Copyright 2011-2013, 大话主席
|
|||
|
|
*
|
|||
|
|
* 请尊重原创，保留头部版权
|
|||
|
|
* 在保留版权的前提下可应用于个人或商业用途
|
|||
|
|
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
(function($){
|
|||
|
|
$.fn.slide=function(options){
|
|||
|
|
$.fn.slide.defaults={
|
|||
|
|
type:"slide",
|
|||
|
|
effect:"fade",
|
|||
|
|
autoPlay:false,
|
|||
|
|
delayTime:500,
|
|||
|
|
interTime:2500,
|
|||
|
|
triggerTime:150,
|
|||
|
|
defaultIndex:0,
|
|||
|
|
titCell:".hd li",
|
|||
|
|
mainCell:".bd",
|
|||
|
|
targetCell:null,
|
|||
|
|
trigger:"mouseover",
|
|||
|
|
scroll:1,
|
|||
|
|
vis:1,
|
|||
|
|
titOnClassName:"on",
|
|||
|
|
autoPage:false,
|
|||
|
|
prevCell:".prev",
|
|||
|
|
nextCell:".next",
|
|||
|
|
pageStateCell:".pageState",
|
|||
|
|
opp: false,
|
|||
|
|
pnLoop:true,
|
|||
|
|
easing:"swing",
|
|||
|
|
startFun:null,
|
|||
|
|
endFun:null,
|
|||
|
|
switchLoad:null,
|
|||
|
|
|
|||
|
|
playStateCell:".playState",
|
|||
|
|
mouseOverStop:true,
|
|||
|
|
defaultPlay:true,
|
|||
|
|
returnDefault:false
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
return this.each(function() {
|
|||
|
|
|
|||
|
|
var opts = $.extend({},$.fn.slide.defaults,options);
|
|||
|
|
var slider = $(this);
|
|||
|
|
var effect = opts.effect;
|
|||
|
|
var prevBtn = $(opts.prevCell, slider);
|
|||
|
|
var nextBtn = $(opts.nextCell, slider);
|
|||
|
|
var pageState = $(opts.pageStateCell, slider);
|
|||
|
|
var playState = $(opts.playStateCell, slider);
|
|||
|
|
|
|||
|
|
var navObj = $(opts.titCell, slider);//导航子元素结合
|
|||
|
|
var navObjSize = navObj.size();
|
|||
|
|
var conBox = $(opts.mainCell , slider);//内容元素父层对象
|
|||
|
|
var conBoxSize=conBox.children().size();
|
|||
|
|
var sLoad=opts.switchLoad;
|
|||
|
|
var tarObj = $(opts.targetCell, slider);
|
|||
|
|
|
|||
|
|
/*字符串转换*/
|
|||
|
|
var index=parseInt(opts.defaultIndex);
|
|||
|
|
var delayTime=parseInt(opts.delayTime);
|
|||
|
|
var interTime=parseInt(opts.interTime);
|
|||
|
|
var triggerTime=parseInt(opts.triggerTime);
|
|||
|
|
var scroll=parseInt(opts.scroll);
|
|||
|
|
var vis=parseInt(opts.vis);
|
|||
|
|
var autoPlay = (opts.autoPlay=="false"||opts.autoPlay==false)?false:true;
|
|||
|
|
var opp = (opts.opp=="false"||opts.opp==false)?false:true;
|
|||
|
|
var autoPage = (opts.autoPage=="false"||opts.autoPage==false)?false:true;
|
|||
|
|
var pnLoop = (opts.pnLoop=="false"||opts.pnLoop==false)?false:true;
|
|||
|
|
var mouseOverStop = (opts.mouseOverStop=="false"||opts.mouseOverStop==false)?false:true;
|
|||
|
|
var defaultPlay = (opts.defaultPlay=="false"||opts.defaultPlay==false)?false:true;
|
|||
|
|
var returnDefault = (opts.returnDefault=="false"||opts.returnDefault==false)?false:true;
|
|||
|
|
|
|||
|
|
var slideH=0;
|
|||
|
|
var slideW=0;
|
|||
|
|
var selfW=0;
|
|||
|
|
var selfH=0;
|
|||
|
|
var easing=opts.easing;
|
|||
|
|
var inter=null;//autoPlay-setInterval
|
|||
|
|
var mst =null;//trigger-setTimeout
|
|||
|
|
var rtnST=null;//returnDefault-setTimeout
|
|||
|
|
var titOn = opts.titOnClassName;
|
|||
|
|
|
|||
|
|
var onIndex = navObj.index( slider.find( "."+titOn) );
|
|||
|
|
var oldIndex = index = defaultIndex = onIndex==-1?index:onIndex;
|
|||
|
|
|
|||
|
|
|
|||
|
|
var _ind = index;
|
|||
|
|
var cloneNum = conBoxSize>=vis?( conBoxSize%scroll!=0?conBoxSize%scroll:scroll):0;
|
|||
|
|
var _tar;
|
|||
|
|
var isMarq = effect=="leftMarquee" || effect=="topMarquee"?true:false;
|
|||
|
|
|
|||
|
|
var doStartFun=function(){ if ( $.isFunction( opts.startFun) ){ opts.startFun( index,navObjSize,slider,$(opts.titCell, slider),conBox,tarObj,prevBtn,nextBtn ) } }
|
|||
|
|
var doEndFun=function(){ if ( $.isFunction( opts.endFun ) ){ opts.endFun( index,navObjSize,slider,$(opts.titCell, slider),conBox,tarObj,prevBtn,nextBtn ) } }
|
|||
|
|
var resetOn=function(){ navObj.removeClass(titOn); if( defaultPlay ) navObj.eq(defaultIndex).addClass(titOn) }
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
//单独处理菜单效果
|
|||
|
|
if( opts.type=="menu" ){
|
|||
|
|
|
|||
|
|
if( defaultPlay ){ navObj.removeClass(titOn).eq(index).addClass(titOn); }
|
|||
|
|
navObj.hover(
|
|||
|
|
function(){
|
|||
|
|
_tar=$(this).find( opts.targetCell );
|
|||
|
|
var hoverInd =navObj.index($(this));
|
|||
|
|
|
|||
|
|
mst = setTimeout(function(){
|
|||
|
|
index=hoverInd;
|
|||
|
|
navObj.removeClass(titOn).eq (index).addClass(titOn);
|
|||
|
|
doStartFun();
|
|||
|
|
switch (effect)
|
|||
|
|
{
|
|||
|
|
case "fade":_tar.stop(true,true).animate({opacity:"show"}, delayTime,easing,doEndFun ); break;
|
|||
|
|
case "slideDown":_tar.stop(true,true).animate({height:"show"}, delayTime,easing,doEndFun ); break;
|
|||
|
|
}
|
|||
|
|
} ,opts.triggerTime);
|
|||
|
|
|
|||
|
|
},function(){
|
|||
|
|
clearTimeout(mst);
|
|||
|
|
switch (effect){ case "fade":_tar.animate( {opacity:"hide"},delayTime,easing ); break; case "slideDown":_tar.animate( {height:"hide"},delayTime,easing ); break; }
|
|||
|
|
}
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
if (returnDefault){
|
|||
|
|
slider.hover(function(){clearTimeout(rtnST);},function(){ rtnST = setTimeout( resetOn,delayTime ); });
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
//处理分页
|
|||
|
|
if( navObjSize==0 )navObjSize=conBoxSize;//只有左右按钮
|
|||
|
|
if( isMarq ) navObjSize=2;
|
|||
|
|
if( autoPage ){
|
|||
|
|
if(conBoxSize>=vis){
|
|||
|
|
if( effect=="leftLoop" || effect=="topLoop" ){ navObjSize=conBoxSize%scroll!=0?(conBoxSize/scroll^0)+1:conBoxSize/scroll; }
|
|||
|
|
else{
|
|||
|
|
var tempS = conBoxSize-vis;
|
|||
|
|
navObjSize=1+parseInt(tempS%scroll!=0?(tempS/scroll+1):(tempS/scroll));
|
|||
|
|
if(navObjSize<=0)navObjSize=1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
else{ navObjSize=1 }
|
|||
|
|
|
|||
|
|
navObj.html("");
|
|||
|
|
var str="";
|
|||
|
|
|
|||
|
|
if( opts.autoPage==true || opts.autoPage=="true" ){ for( var i=0; i<navObjSize; i++ ){ str+="<li>"+(i+1)+"</li>" } }
|
|||
|
|
else{ for( var i=0; i<navObjSize; i++ ){ str+=opts.autoPage.replace("$",(i+1)) } }
|
|||
|
|
navObj.html(str);
|
|||
|
|
|
|||
|
|
var navObj = navObj.children();//重置导航子元素对象
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
if(conBoxSize>=vis){ //当内容个数少于可视个数，不执行效果。
|
|||
|
|
conBox.children().each(function(){ //取最大值
|
|||
|
|
if( $(this).width()>selfW ){ selfW=$(this).width(); slideW=$(this).outerWidth(true); }
|
|||
|
|
if( $(this).height()>selfH ){ selfH=$(this).height(); slideH=$(this).outerHeight(true); }
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
var _chr = conBox.children();
|
|||
|
|
var cloneEle = function(){
|
|||
|
|
for( var i=0; i<vis ; i++ ){ _chr.eq(i).clone().addClass("clone").appendTo(conBox); }
|
|||
|
|
for( var i=0; i<cloneNum ; i++ ){ _chr.eq(conBoxSize-i-1).clone().addClass("clone").prependTo(conBox); }
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
switch(effect)
|
|||
|
|
{
|
|||
|
|
case "fold": conBox.css({"position":"relative","width":slideW,"height":slideH}).children().css( {"position":"absolute","width":selfW,"left":0,"top":0,"display":"none"} ); break;
|
|||
|
|
case "top": conBox.wrap('<div class="tempWrap" style="overflow:hidden; position:relative; height:'+vis*slideH+'px"></div>').css( { "top":-(index*scroll)*slideH, "position":"relative","padding":"0","margin":"0"}).children().css( {"height":selfH} ); break;
|
|||
|
|
case "left": conBox.wrap('<div class="tempWrap" style="overflow:hidden; position:relative; width:'+vis*slideW+'px"></div>').css( { "width":conBoxSize*slideW,"left":-(index*scroll)*slideW,"position":"relative","overflow":"hidden","padding":"0","margin":"0"}).children().css( {"float":"left","width":selfW} ); break;
|
|||
|
|
case "leftLoop":
|
|||
|
|
case "leftMarquee":
|
|||
|
|
cloneEle();
|
|||
|
|
conBox.wrap('<div class="tempWrap" style="overflow:hidden; position:relative; width:'+vis*slideW+'px"></div>').css( { "width":(conBoxSize+vis+cloneNum)*slideW,"position":"relative","overflow":"hidden","padding":"0","margin":"0","left":-(cloneNum+index*scroll)*slideW}).children().css( {"float":"left","width":selfW} ); break;
|
|||
|
|
case "topLoop":
|
|||
|
|
case "topMarquee":
|
|||
|
|
cloneEle();
|
|||
|
|
conBox.wrap('<div class="tempWrap" style="overflow:hidden; position:relative; height:'+vis*slideH+'px"></div>').css( { "height":(conBoxSize+vis+cloneNum)*slideH,"position":"relative","padding":"0","margin":"0","top":-(cloneNum+index*scroll)*slideH}).children().css( {"height":selfH} ); break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
//针对leftLoop、topLoop的滚动个数
|
|||
|
|
var scrollNum=function(ind){
|
|||
|
|
var _tempCs= ind*scroll;
|
|||
|
|
if( ind==navObjSize ){ _tempCs=conBoxSize; }else if( ind==-1 && conBoxSize%scroll!=0){ _tempCs=-conBoxSize%scroll; }
|
|||
|
|
return _tempCs;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//切换加载
|
|||
|
|
var doSwitchLoad=function(objs){
|
|||
|
|
|
|||
|
|
var changeImg=function(t){
|
|||
|
|
for ( var i= t; i<( vis+ t); i++ ){
|
|||
|
|
objs.eq(i).find("img["+sLoad+"]").each(function(){
|
|||
|
|
var _this = $(this);
|
|||
|
|
_this.attr("src",_this.attr(sLoad)).removeAttr(sLoad);
|
|||
|
|
if( conBox.find(".clone")[0] ){ //如果存在.clone
|
|||
|
|
var chir = conBox.children();
|
|||
|
|
for ( var j=0 ; j< chir.size() ; j++ )
|
|||
|
|
{
|
|||
|
|
chir.eq(j).find("img["+sLoad+"]").each(function(){
|
|||
|
|
if( $(this).attr(sLoad)==_this.attr("src") ) $(this).attr("src",$(this).attr(sLoad)).removeAttr(sLoad)
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
switch(effect)
|
|||
|
|
{
|
|||
|
|
case "fade": case "fold": case "top": case "left": case "slideDown":
|
|||
|
|
changeImg( index*scroll );
|
|||
|
|
break;
|
|||
|
|
case "leftLoop": case "topLoop":
|
|||
|
|
changeImg( cloneNum+scrollNum(_ind) );
|
|||
|
|
break;
|
|||
|
|
case "leftMarquee":case "topMarquee":
|
|||
|
|
var curS = effect=="leftMarquee"? conBox.css("left").replace("px",""):conBox.css("top").replace("px","");
|
|||
|
|
var slideT = effect=="leftMarquee"? slideW:slideH;
|
|||
|
|
var mNum=cloneNum;
|
|||
|
|
if( curS%slideT!=0 ){
|
|||
|
|
var curP = Math.abs(curS/slideT^0);
|
|||
|
|
if( index==1 ){ mNum=cloneNum+curP }else{ mNum=cloneNum+curP-1 }
|
|||
|
|
}
|
|||
|
|
changeImg( mNum );
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}//doSwitchLoad end
|
|||
|
|
|
|||
|
|
|
|||
|
|
//效果函数
|
|||
|
|
var doPlay=function(init){
|
|||
|
|
// 当前页状态不触发效果
|
|||
|
|
if( defaultPlay && oldIndex==index && !init && !isMarq ) return;
|
|||
|
|
|
|||
|
|
//处理页码
|
|||
|
|
if( isMarq ){ if ( index>= 1) { index=1; } else if( index<=0) { index = 0; } }
|
|||
|
|
else{
|
|||
|
|
_ind=index; if ( index >= navObjSize) { index = 0; } else if( index < 0) { index = navObjSize-1; }
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
doStartFun();
|
|||
|
|
|
|||
|
|
//处理切换加载
|
|||
|
|
if( sLoad!=null ){ doSwitchLoad( conBox.children() ) }
|
|||
|
|
|
|||
|
|
//处理targetCell
|
|||
|
|
if(tarObj[0]){
|
|||
|
|
_tar = tarObj.eq(index);
|
|||
|
|
if( sLoad!=null ){ doSwitchLoad( tarObj ) }
|
|||
|
|
if( effect=="slideDown" ){
|
|||
|
|
tarObj.not(_tar).stop(true,true).slideUp(delayTime);
|
|||
|
|
_tar.slideDown( delayTime,easing,function(){ if(!conBox[0]) doEndFun() });
|
|||
|
|
}
|
|||
|
|
else{
|
|||
|
|
tarObj.not(_tar).stop(true,true).hide();
|
|||
|
|
_tar.animate({opacity:"show"},delayTime,function(){ if(!conBox[0]) doEndFun() });
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if(conBoxSize>=vis){ //当内容个数少于可视个数，不执行效果。
|
|||
|
|
switch (effect)
|
|||
|
|
{
|
|||
|
|
case "fade":conBox.children().stop(true,true).eq(index).animate({opacity:"show"},delayTime,easing,function(){doEndFun()}).siblings().hide(); break;
|
|||
|
|
case "fold":conBox.children().stop(true,true).eq(index).animate({opacity:"show"},delayTime,easing,function(){doEndFun()}).siblings().animate({opacity:"hide"},delayTime,easing);break;
|
|||
|
|
case "top":conBox.stop(true,false).animate({"top":-index*scroll*slideH},delayTime,easing,function(){doEndFun()});break;
|
|||
|
|
case "left":conBox.stop(true,false).animate({"left":-index*scroll*slideW},delayTime,easing,function(){doEndFun()});break;
|
|||
|
|
case "leftLoop":
|
|||
|
|
var __ind = _ind;
|
|||
|
|
conBox.stop(true,true).animate({"left":-(scrollNum(_ind)+cloneNum)*slideW},delayTime,easing,function(){
|
|||
|
|
if( __ind<=-1 ){ conBox.css("left",-(cloneNum+(navObjSize-1)*scroll)*slideW); }else if( __ind>=navObjSize ){ conBox.css("left",-cloneNum*slideW); }
|
|||
|
|
doEndFun();
|
|||
|
|
});
|
|||
|
|
break;//leftLoop end
|
|||
|
|
|
|||
|
|
case "topLoop":
|
|||
|
|
var __ind = _ind;
|
|||
|
|
conBox.stop(true,true).animate({"top":-(scrollNum(_ind)+cloneNum)*slideH},delayTime,easing,function(){
|
|||
|
|
if( __ind<=-1 ){ conBox.css("top",-(cloneNum+(navObjSize-1)*scroll)*slideH); }else if( __ind>=navObjSize ){ conBox.css("top",-cloneNum*slideH); }
|
|||
|
|
doEndFun();
|
|||
|
|
});
|
|||
|
|
break;//topLoop end
|
|||
|
|
|
|||
|
|
case "leftMarquee":
|
|||
|
|
var tempLeft = conBox.css("left").replace("px","");
|
|||
|
|
if(index==0 ){
|
|||
|
|
conBox.animate({"left":++tempLeft},0,function(){
|
|||
|
|
if( conBox.css("left").replace("px","")>= 0){ conBox.css("left",-conBoxSize*slideW) }
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
else{
|
|||
|
|
conBox.animate({"left":--tempLeft},0,function(){
|
|||
|
|
if( conBox.css("left").replace("px","")<= -(conBoxSize+cloneNum)*slideW){ conBox.css("left",-cloneNum*slideW) }
|
|||
|
|
});
|
|||
|
|
}break;// leftMarquee end
|
|||
|
|
|
|||
|
|
case "topMarquee":
|
|||
|
|
var tempTop = conBox.css("top").replace("px","");
|
|||
|
|
if(index==0 ){
|
|||
|
|
conBox.animate({"top":++tempTop},0,function(){
|
|||
|
|
if( conBox.css("top").replace("px","")>= 0){ conBox.css("top",-conBoxSize*slideH) }
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
else{
|
|||
|
|
conBox.animate({"top":--tempTop},0,function(){
|
|||
|
|
if( conBox.css("top").replace("px","")<= -(conBoxSize+cloneNum)*slideH){ conBox.css("top",-cloneNum*slideH) }
|
|||
|
|
});
|
|||
|
|
}break;// topMarquee end
|
|||
|
|
|
|||
|
|
}//switch end
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
navObj.removeClass(titOn).eq(index).addClass(titOn);
|
|||
|
|
oldIndex=index;
|
|||
|
|
if( !pnLoop ){ //pnLoop控制前后按钮是否继续循环
|
|||
|
|
nextBtn.removeClass("nextStop"); prevBtn.removeClass("prevStop");
|
|||
|
|
if (index==0 ){ prevBtn.addClass("prevStop"); }
|
|||
|
|
if (index==navObjSize-1 ){ nextBtn.addClass("nextStop"); }
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
pageState.html( "<span>"+(index+1)+"</span>/"+navObjSize);
|
|||
|
|
|
|||
|
|
};// doPlay end
|
|||
|
|
|
|||
|
|
//初始化执行
|
|||
|
|
if( defaultPlay ){ doPlay(true); }
|
|||
|
|
|
|||
|
|
if (returnDefault)//返回默认状态
|
|||
|
|
{
|
|||
|
|
slider.hover(function(){ clearTimeout(rtnST) },function(){
|
|||
|
|
rtnST = setTimeout( function(){
|
|||
|
|
index=defaultIndex;
|
|||
|
|
if(defaultPlay){ doPlay(); }
|
|||
|
|
else{
|
|||
|
|
if( effect=="slideDown" ){ _tar.slideUp( delayTime, resetOn ); }
|
|||
|
|
else{ _tar.animate({opacity:"hide"},delayTime,resetOn ); }
|
|||
|
|
}
|
|||
|
|
oldIndex=index;
|
|||
|
|
},300 );
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
///自动播放函数
|
|||
|
|
var setInter = function(time){ inter=setInterval(function(){ opp?index--:index++; doPlay() }, !!time?time:interTime); }
|
|||
|
|
var setMarInter = function(time){ inter = setInterval(doPlay, !!time?time:interTime); }
|
|||
|
|
// 处理mouseOverStop
|
|||
|
|
var resetInter = function(){ if( !mouseOverStop ){clearInterval(inter); setInter() } }
|
|||
|
|
// 前后按钮触发
|
|||
|
|
var nextTrigger = function(){ if ( pnLoop || index!=navObjSize-1 ){ index++; doPlay(); if(!isMarq)resetInter(); } }
|
|||
|
|
var prevTrigger = function(){ if ( pnLoop || index!=0 ){ index--; doPlay(); if(!isMarq)resetInter(); } }
|
|||
|
|
//处理playState
|
|||
|
|
var playStateFun = function(){ clearInterval(inter); isMarq?setMarInter():setInter(); playState.removeClass("pauseState") }
|
|||
|
|
var pauseStateFun = function(){ clearInterval(inter);playState.addClass("pauseState"); }
|
|||
|
|
|
|||
|
|
//自动播放
|
|||
|
|
if (autoPlay) {
|
|||
|
|
if( isMarq ){
|
|||
|
|
opp?index--:index++; setMarInter();
|
|||
|
|
if(mouseOverStop) conBox.hover(pauseStateFun,playStateFun);
|
|||
|
|
}else{
|
|||
|
|
setInter();
|
|||
|
|
if(mouseOverStop) slider.hover( pauseStateFun,playStateFun );
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
else{ if( isMarq ){ opp?index--:index++; } playState.addClass("pauseState"); }
|
|||
|
|
|
|||
|
|
playState.click(function(){ playState.hasClass("pauseState")?playStateFun():pauseStateFun() });
|
|||
|
|
|
|||
|
|
//titCell事件
|
|||
|
|
if(opts.trigger=="mouseover"){
|
|||
|
|
navObj.hover(function(){ var hoverInd = navObj.index(this); mst = setTimeout(function(){ index=hoverInd; doPlay(); resetInter(); },opts.triggerTime); }, function(){ clearTimeout(mst) });
|
|||
|
|
}else{ navObj.click(function(){ index=navObj.index(this); doPlay(); resetInter(); }) }
|
|||
|
|
|
|||
|
|
//前后按钮事件
|
|||
|
|
if (isMarq){
|
|||
|
|
|
|||
|
|
nextBtn.mousedown(nextTrigger);
|
|||
|
|
prevBtn.mousedown(prevTrigger);
|
|||
|
|
//前后按钮长按10倍加速
|
|||
|
|
if (pnLoop)
|
|||
|
|
{
|
|||
|
|
var st;
|
|||
|
|
var marDown = function(){ st=setTimeout(function(){ clearInterval(inter); setMarInter( interTime/10^0 ) },150) }
|
|||
|
|
var marUp = function(){ clearTimeout(st); clearInterval(inter); setMarInter() }
|
|||
|
|
nextBtn.mousedown(marDown); nextBtn.mouseup(marUp);
|
|||
|
|
prevBtn.mousedown(marDown); prevBtn.mouseup(marUp);
|
|||
|
|
}
|
|||
|
|
//前后按钮mouseover事件
|
|||
|
|
if( opts.trigger=="mouseover" ){ nextBtn.hover(nextTrigger,function(){}); prevBtn.hover(prevTrigger,function(){}); }
|
|||
|
|
}else{
|
|||
|
|
nextBtn.click(nextTrigger);
|
|||
|
|
prevBtn.click(prevTrigger);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
});//each End
|
|||
|
|
|
|||
|
|
};//slide End
|
|||
|
|
|
|||
|
|
})(jQuery);
|
|||
|
|
|
|||
|
|
jQuery.easing['jswing'] = jQuery.easing['swing'];
|
|||
|
|
jQuery.extend( jQuery.easing,
|
|||
|
|
{
|
|||
|
|
def: 'easeOutQuad',
|
|||
|
|
swing: function (x, t, b, c, d) { return jQuery.easing[jQuery.easing.def](x, t, b, c, d); },
|
|||
|
|
easeInQuad: function (x, t, b, c, d) {return c*(t/=d)*t + b;},
|
|||
|
|
easeOutQuad: function (x, t, b, c, d) {return -c *(t/=d)*(t-2) + b},
|
|||
|
|
easeInOutQuad: function (x, t, b, c, d) {if ((t/=d/2) < 1) return c/2*t*t + b;return -c/2 * ((--t)*(t-2) - 1) + b},
|
|||
|
|
easeInCubic: function (x, t, b, c, d) {return c*(t/=d)*t*t + b},
|
|||
|
|
easeOutCubic: function (x, t, b, c, d) {return c*((t=t/d-1)*t*t + 1) + b},
|
|||
|
|
easeInOutCubic: function (x, t, b, c, d) {if ((t/=d/2) < 1) return c/2*t*t*t + b;return c/2*((t-=2)*t*t + 2) + b},
|
|||
|
|
easeInQuart: function (x, t, b, c, d) {return c*(t/=d)*t*t*t + b},
|
|||
|
|
easeOutQuart: function (x, t, b, c, d) {return -c * ((t=t/d-1)*t*t*t - 1) + b},
|
|||
|
|
easeInOutQuart: function (x, t, b, c, d) {if ((t/=d/2) < 1) return c/2*t*t*t*t + b;return -c/2 * ((t-=2)*t*t*t - 2) + b},
|
|||
|
|
easeInQuint: function (x, t, b, c, d) {return c*(t/=d)*t*t*t*t + b},
|
|||
|
|
easeOutQuint: function (x, t, b, c, d) {return c*((t=t/d-1)*t*t*t*t + 1) + b},
|
|||
|
|
easeInOutQuint: function (x, t, b, c, d) {if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;return c/2*((t-=2)*t*t*t*t + 2) + b},
|
|||
|
|
easeInSine: function (x, t, b, c, d) {return -c * Math.cos(t/d * (Math.PI/2)) + c + b},
|
|||
|
|
easeOutSine: function (x, t, b, c, d) {return c * Math.sin(t/d * (Math.PI/2)) + b},
|
|||
|
|
easeInOutSine: function (x, t, b, c, d) {return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b},
|
|||
|
|
easeInExpo: function (x, t, b, c, d) {return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b},
|
|||
|
|
easeOutExpo: function (x, t, b, c, d) {return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b},
|
|||
|
|
easeInOutExpo: function (x, t, b, c, d) {if (t==0) return b;if (t==d) return b+c;if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;return c/2 * (-Math.pow(2, -10 * --t) + 2) + b},
|
|||
|
|
easeInCirc: function (x, t, b, c, d) {return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b},
|
|||
|
|
easeOutCirc: function (x, t, b, c, d) {return c * Math.sqrt(1 - (t=t/d-1)*t) + b},
|
|||
|
|
easeInOutCirc: function (x, t, b, c, d) {if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b},
|
|||
|
|
easeInElastic: function (x, t, b, c, d) {var s=1.70158;var p=0;var a=c;if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;if (a < Math.abs(c)) { a=c; var s=p/4; }
|
|||
|
|
else var s = p/(2*Math.PI) * Math.asin (c/a);return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b},
|
|||
|
|
easeOutElastic: function (x, t, b, c, d) {var s=1.70158;var p=0;var a=c;if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;if (a < Math.abs(c)) { a=c; var s=p/4; }
|
|||
|
|
else var s = p/(2*Math.PI) * Math.asin (c/a);return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b},
|
|||
|
|
easeInOutElastic: function (x, t, b, c, d) {var s=1.70158;var p=0;var a=c;if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);if (a < Math.abs(c)) { a=c; var s=p/4; }
|
|||
|
|
else var s = p/(2*Math.PI) * Math.asin (c/a);if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b},
|
|||
|
|
easeInBack: function (x, t, b, c, d, s) {if (s == undefined) s = 1.70158;return c*(t/=d)*t*((s+1)*t - s) + b},
|
|||
|
|
easeOutBack: function (x, t, b, c, d, s) {if (s == undefined) s = 1.70158;return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b},
|
|||
|
|
easeInOutBack: function (x, t, b, c, d, s) {if (s == undefined) s = 1.70158;
|
|||
|
|
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b},
|
|||
|
|
easeInBounce: function (x, t, b, c, d) {return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b},
|
|||
|
|
easeOutBounce: function (x, t, b, c, d) {if ((t/=d) < (1/2.75)) { return c*(7.5625*t*t) + b;} else if (t < (2/2.75)) { return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;} else if (t < (2.5/2.75)) { return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;} else { return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;}},
|
|||
|
|
easeInOutBounce: function (x, t, b, c, d) {if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;}
|
|||
|
|
});
|