具体的なコードは次のとおりです: マウスで数字を入力すると、次の CSS が追加されます: コードをコピーコードは次のとおりです。 <br>.mouseOver <br>{ <br>cursor:hand:1px Solid; red; <br>} <br> 画像切り替え用の JS コードは次のとおりです: コードをコピーします。 コードは次のとおりです: < ;/script> <br><script type="text /javascript"> <br>var imgPaths = ["http://files.jb51.net/demoimg/201008/o_p1.jpg", <br>" http://files.jb51.net/demoimg/201008/ o_p3.jpg]; <br>$(function () { <br>$("#showImg").attr("src", imgPaths[0]) ; <br>var トップ; <br>var width; <br>top = $("#showImg").top; ("#showImg").offset().left; <br>width = $("#showImg").width(); <br>height = $("#showImg").height(); $("#popDiv").css({ 位置: "絶対"、上: 上の高さ - $("#popDiv").height()、左: 左の幅 - $("#popDiv").width() 、パディング: "1px" }); <br>$( "#popDiv span").hover(function () { <br>$(this).addClass("mouseOver"); <br>}, <br> function () { <br>$(this).removeClass( "mouseOver") <br>} <br>).click(function () { <br>$("#showImg").attr("src", imgPaths[eval($(this).text())- 1]); <br><br> <br> HTML コード<br><br><br><br><br>コードをコピー<br> </div> <br> コードは次のとおりです。<br><div class="codetitle"> <span><div> 🎜><img id="showImg" alt="" height="400" width="300" src="" /> <a style="CURSOR: pointer" data="87820" class="copybut" id="copybut87820" onclick="doCopy('code87820')"></div> <u><div id="popDiv" style="width:300px;height:20px;text-align:right"> </u><span>1</span> </a><span>2</div> ; </span> </div> <div class="codebody" id="code87820">上記のコードを自分でコピーして実行すると、より良い結果が得られます。</div>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
