<div class="codetitle"> <span><a style="CURSOR: pointer" data="5653" class="copybut" id="copybut5653" onclick="doCopy('code5653')"><u>コードをコピー</u></a></span> コードは次のとおりです。</div> <div class="codebody" id="code5653"> <br><html xmlns="http://www. w3.org /1999/xhtml"> <br><head> <br><title></title> <br><script src="Scripts/jquery-1.4.1.min.js" type=" text/javascript"></script> <br><script type="text/javascript"> <br>varspeed = 2;//画像切り替え速度<br>var nowlan =0;//画像の開始時間<br>function changepic() { <br>var imglen = $("div[name='pic']").find("div").length $( "div[name='pic']").find("div").hide(); <br>$("div[name='pic']").find("div")。 eq(nowlan ).show(); <br>nowlan = nowlan 1 ==imglen ?0:nowlan 1; <br>t = setTimeout("changepic()", 速度 * 1000); onload = function () {changepic(); } <br>$(document).ready(function () { <br>//画像の上にマウスを置くとスイッチが一時停止します<br>$("div[name= 'pic'] ").hover(function () { clearInterval(t); }); <br>//マウスが画像から離れた後も切り替えを継続します<br>$("div[name='pic']") .mouseleave(function () {changepic(); }); <br></script> <br><body> ="pic" style=" float:left;position:relative;overflow:hidden;width:300px;height:240px;" > <br><div><img width="300" height="240" src="菊.jpg" alt="1"/></div> <br><div><img width="300" height="240" src="砂漠.jpg" alt=" 2"/>< /div> <br><div><img width="300" height="240" src="アジサイ.jpg" alt="3"/></div> <br></div><br></html></div>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
