ここでの主な目的は、slideToggle() と slideUp() を使用して、マウスが上を通過したときに元々非表示だったコンテンツ (.hover()) を表示することです。 コードをコピー コードは次のとおりです。 $(function(){ $(".dropdown").hover( function(){ $("li ul ").slideToggle(800);}, function(){$("li ul").slideUp(1000)} ) }) コードをコピーします コードは次のとおりです: ="http://www.w3.org/1999/xhtml"> jQuery グラデーション効果 <br>a{text-decoration:none;color :#333;} <br>a:hover{color:#f33;} <BR>a.gr{color:#227CE8;} <BR>a.xg{color:#f30;} <BR>a.zx {color:#690; } <BR>a.yd{color:#f00;} <BR>a.more-rss{color:#f60;} <BR>a img{border:none;} <BR>a .rssfeed{display:block ;height:60px;width:160px;cursor:pointer;} <BR>.wrapper{width:700px;margin:0 auto;height:460px;position:relative;} <BR>.wrapper small {position:absolute;bottom:0;left:0;border-top:1px dotted #b3b3b3;display:block;width:700px;line-height:30px;text-align:right;} <BR>ul li{list -style:none;} <BR>ul li.dropdown{position:relative;width:160px;} <BR>ul li.dropdown ul{display:none;text-align:center;background:#fff;border:1pxソリッド #ddd;width: 160px;padding:15px 15px 20px;} <BR>ul li.dropdown ul li{padding:5px 0;border-bottom:1px dotted #ddd;} <BR> > ; を使用して実装しますもちろん、非表示/表示、フェードイン/フェードアウトなども使用できますが、効果は異なりますが、実装方法は同じです。ちらつきを防止します。 src="jQuery グラデーション ドロップダウン menu_jquery.png" alt="jQuery グラデーション ドロップダウン menu_jquery" /> フレッシュ フルーツの定期購入 Google の定期購入 エビの購読を取得Youdao サブスクリプション その他の方法» <BR>$(function(){ <BR> $(".fir .dropdown").hover ( <BR> function(){ <BR> $("li ul" ).slideToggle(800); <BR> },function(){ <BR> $("li ul").slideUp(1000) <BR> }) <BR>}) <BR> 🎜> テストコードパッケージのダウンロード