ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery プラグインは、turn_jquery でこの下の div を表示します。

jQuery プラグインは、turn_jquery でこの下の div を表示します。

WBOY
リリース: 2016-05-16 18:54:26
オリジナル
1166 人が閲覧しました

コードをコピー コードは次のとおりです:

/*
以下の div を表示します
dname は、このアクションを実行する必要がある要素を指定します。dname が指定されていない場合、すべてのサブ要素がデフォルトになります。
tname は、dname に対応するアクティブ化要素を指定します。速度;
effe はエフェクトを表示します ;
*/
(function(){
.fn.w_picSwap=function(dname,tname,speed,effe){
speed=speed || 2000;
dname=tname ||
return this.each(){
var myTime;
var obj=(this);
var objs=(this).find(dname);
var objnl=(this).find(tname).not(dname); var len2=objnl.length;
var len=objs.length;
if(lenvar old=0; .not(':first'); css('opacity',0);
関数 showImg(){
old=si;si=(si==(len-1))?0:si 1 ;
effect(objs.eq (old),objs.eq(si));
if(len2){
objnl.eq(old).removeClass("on"); .eq(si).addClass(" on");
}
}
関数効果(o,n){
switch(effe){
ケース 1:
o.stop().animate({ opacity:0});
n.stop().animate({opacity:1});
ケース 2:
var toff= o.position();
n.stop().css("top",toff.top o.outerHeight()).animate({top:toff.top,opacity:1},200); >o.stop().animate( {top:toff.top-o.outerHeight(),opacity:0});
break;
}
}
関数 begin(){
myTime = setInterval(showImg,speed );
};
objnl.mouseover(function(){
si=objnl.index(this);
showImg();
} );
//スライドインしてアニメーションを停止し、スライドアウトしてアニメーションを開始します。 function(){
begin();
});
});
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート