jQuery NetEase フォト アルバムのマウス移動表示と非表示効果の実装 code_jquery

実際には、これは主に jquery レイヤー セレクターのアプリケーションであり、jquery の専門家は省略できます。 。 。

NetEase フォト アルバムのレンダリングは次のとおりです: マウスを写真の上に移動すると、「表紙に設定 | 削除」が表示され、マウスを移動すると非表示になります。この効果は Web 開発でよく使用されます。まとめると

コードを直接アップロードします:

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

🎜>


.al_info{display: none;}
#imgdiv {float: left;width: 170px;height: 130px; 15px 10px;}
#imgdiv img{width:160px;height:140px;}

実行結果:





実際には、主に jquery のレイヤー セレクター
:

$("div span")//

内のすべての 要素を選択します。

$("div>span")//

の下にある という名前の要素を選択します。 element ; element (1 つだけ)
$('prev next')//前の要素の直後の次の要素を選択します (一致するすべてのオブジェクト) $('prev~siblings')//前のすべての兄弟を選択します要素

の後の要素 ここで使用される「find()」メソッドは、要素内の要素を選択することです。

JQeruy を 1 年以上使用していないので、メソッドをすべて忘れてしまいました。