ホームページ >ウェブフロントエンド >jsチュートリアル >ホバーの使い方とlive(マウスホバー効果)の使い方の紹介_jquery

ホバーの使い方とlive(マウスホバー効果)の使い方の紹介_jquery

WBOY
WBOYオリジナル
2016-05-16 17:38:551498ブラウズ
コードをコピー コードは次のとおりです:

// live は主に、動的に読み込まれるイベントをバインドするために使用されます。 elements
// 製品カタログ
$(".lm_div_q dd").live({
mouseenter: function() {
$(this).find("strong").addClass(" tj_strong ");
$(this).find("strong").next().slideDown(200); // ドロップダウン ボックスを表示
},
mouseleave: function() {
$ (this).find("strong").removeClass("tj_strong");
$(this).find("strong").next().slideUp(200); // ドロップを非表示にする-down box
}
});
//ホバーはイベントを直接バインドします
// 製品カタログ<br>$(".lm_div_q dd")。 hover(function( ){ <br>$(this).find("strong").addClass("tj_strong"); <br>$(this).find("strong").next().stop(true ,true). slideDown(200); // ドロップダウン ボックスを表示します <br>}, function(){ <br>$(this).find("strong").removeClass("tj_strong"); $(this).find ("strong").next().stop(true,true).slideUp(200); // ドロップダウン ボックスを非表示<br>});







声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。