Picture_jqueryクリックによるページめくり表示効果を実現するjQueryメソッド

この記事の例では、画像をクリックしたときのページめくりの表示効果を jQuery が実装する方法について説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

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

<頭>




<スクリプトタイプ="text/javascript">
$(関数(){
var z=-1;
$("div").click(function(){
$(this).animate({left:"350px"},1000,function(){$(this).css("zIndex",z--)}).animate({left:"10px"},1000 );
})
});


効果が表示されない場合はページを更新していただくと正常に表示されます。

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