<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> <br><script src="Scripts/jquery-1.4.1.min.js" type=" text/javascript"></script> <br><script type="text/javascript"> <br>var t <br>var speed = 2;//이미지 전환 속도<br>var nowlan =0;//사진 시작 시간<br>functionchangepic() { <br>var imglen = $("div[name='pic']").find("div").length <br>$( "div[name='pic']").find("div").hide() <br>$("div[name='pic']").find("div"). eq(nowlan ).show(); <br>nowlan 1 ==imglen ?0:nowlan 1; <br>t = setTimeout("changepic()", speed * 1000) <br>} <br> onload = function () {changepic() } <br>$(document).ready(function () { <br>//스위치를 일시 중지하려면 그림 위에 마우스를 올리세요<br>$("div[name= 'pic'] ").hover(function () {clearInterval(t); }); <br>//마우스가 그림을 떠난 후에도 계속 전환<br>$("div[name='pic']") .museleave(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="Desert.jpg" alt=" 2"/>< /div> <br><div><img width="300" height="240" src="Hydrangeas.jpg" alt="3"/></div> <br></div> <br></body> <br></html></div>