jquery簡易画像切り替え表示エフェクト実装方法_jquery

この記事の例では、jqueryでの簡単な画像切り替え表示エフェクトの実装方法を説明し、皆さんの参考に共有します。具体的な実装方法は以下の通りです。

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

<頭>



<スクリプトタイプ="text/javascript">
$(関数(){
$("#item li:not(:first)").css("display","none");//最初の画像のみを表示し、他の画像は非表示にします
var bb = $("#item li:last");
var aa = $("#item li:first");
setInterval(function(){
If(bb.is(":visible")){
aa.fadeIn(1000).addClass("in");
bb.hide();
}その他{
$("#item li:visible").addClass("in");
$("#item li.in").next().fadeIn(1000);
$("#item li.in").fadeOut(1000).removeClass("in");
}
},3000);
});

• 


• 


• 


• 

この記事が皆さんの jQuery プログラミングに役立つことを願っています。