効果は次のとおりです: 実装されたコードは非常に小さく、非常に簡潔なので、参照して学習できます コピーコード コードは次のとおりです。 <br>jQuery(document).ready(function () { <br>ShowImage1(); <br>} ); <br>var ShowImage1 = function () { <br>$(".show_box1 .show_box_dd").hover(function (e) { <br>$(".show_box1 .phover").hide(); <br>$(".show_box1 .show_box_dd").show(); <br>$(this).hide(); <br>$(this).siblings()。 show(); <br>関数 () { <br>}); <br><br><br><br></p> <p><br></p>コードをコピー <p class="codetitle"><a style="CURSOR: pointer" class="copybut"> コードは次のとおりです: <span style="text-decoration:underline;"><p class="codebody"><br><pre code_snippet_id="169406"snippet_file_name="blog_20140124_1_9547095" name="code" class="javascript"><p style="border-left: none" class="module-box1 orangeback show_box1"></pre> <br/><pre></pre> <br><pre code_snippet_id="169406"snippet_file_name="blog_20140124_2_3723790" name="code" class="html"> </p> <dl> <br><p class="module-tit"> <br><span class="store-name">好评度排名</span> <br></p> <br><p> <br><dd style="padding: 15px 0 10px 15px" class="pover"> <br><em class="current">1</em><img class="jiupic" src="images/jiu.gif" width="100" height="100" /> <br><span class="pname"><a href="#" target="_blank">五粮液</a> </span><span class="pinpingzhe">品评评分：</span><span class="fenshu">8.6分</span> <br><p class="jindu"><span class="jindutiao"><em class="fen0"></em></span></p> <br></dd> <br><dd class="show_box_dd" style="display: none;"> <br><em>1</em><a href="#" target="_blank">五粮液</a><span class="rank">9分</span> <br></dd> <br></p> <br></p> <p> <br><dd style="パディング: 15px 0 10px 15px; 表示: なし;" class="pover"> <br><em class="current">2</em><img class="jiupic" src="images/jiu.gif" width="100" height="100" /> <br><br><span class="pname"><a href="#" target="_blank">泸州老窖</a> </span><span class="pinpingzhe">品评评分：</span><span class="fenshu">8.6分</span> <br><p class="jindu"><span class="jindutiao"><em class="fen0"></em></span></p> <br></dd> <br><dd class="show_box_dd"> <br><em>2</em><a href="#" target="_blank">泸州老窖</a><span class="rank">9分</スパン＞ <br></dd> <br></p> <br></p> <p> <br><dd style="パディング: 15px 0 10px 15px; 表示: なし;" class="pover"> <br><em class="current">3</em><img class="jiupic" src="images/jiu.gif" width="100" height="100" /> <br><br><span class="pname"><a href="#" target="_blank">金六福</a> </span><span class="pinpingzhe">品评评分：</span><span class="fenshu">8.6分</span> <br><p class="jindu"><span class="jindutiao"><em class="fen0"></em></span></p> <br></dd> <br><dd class="show_box_dd"> <br><em>3</em><a href="#" target="_blank">金六福</a><span class="rank">9分</span> ; <br></dd> <br></p> <br><br><br></dl> <br></p></pre> <br><pre></pre> <br></p> </dl></span></a></p>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
