이 기사의 예에서는 js 마우스를 사용하여 이미지 위로 슬라이드할 때 이미지를 진동시키는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다. 코드 복사 코드는 다음과 같습니다. 마우스를 올리면 이미지가 진동합니다 .shakeimage {<br> 위치: 친척<br> }<br> </스타일><br> </머리><br> <br> <SCRIPT 언어=JavaScript1.2><br> <!--<br /> var rector=3<br /> var stopit=0<br /> var a=1<br /> 함수 초기화(어떤){<br /> 중지=0<br /> 흔들어=그것<br /> shake.style.left=0<br /> shake.style.top=0<br /> }<br /> 함수 Rattleimage(){<br /> if ((!document.all&&!document.getElementById)||stopit==1)<br /> 복귀<br /> if (a==1){<br /> shake.style.top=parseInt(shake.style.top) 렉터<br /> }<br /> else if (a==2){<br /> shake.style.left=parseInt(shake.style.left) 렉터<br /> }<br /> 그렇지 않으면 (a==3){<br /> shake.style.top=parseInt(shake.style.top)-rector<br /> }<br /> 그렇지 않으면{<br /> shake.style.left=parseInt(shake.style.left)-rector<br /> }<br /> 만약 (a<4)<br /> 에 <br /> 그 외<br /> a=1<br /> setTimeout("rattleimage()",50)<br /> }<br /> 기능 stoprattle(어떤){<br /> stopit=1<br /> which.style.left=0<br /> which.style.top=0<br /> }<br /> //--><br> </스크립트><br> <img class="shakeimage" onMouseOver="init(this);rattleimage()" onMouseOut="stoprattle(this)" src="/images/csrcode.ico" border="0" style="cursor:pointer; "/><br> <img class="shakeimage" onmouseover="init(this);rattleimage()" onmouseout="stoprattle(this)" src="/images/changshi.ico" border="0" style="cursor:pointer; "/><br> <img class="shakeimage" onmouseover="init(this);rattleimage()" onmouseout="stoprattle(this)" src="/images/links.ico" border="0" style="cursor:pointer; "/><br> 효과를 미리 보려면 이미지 위로 마우스를 이동하세요. <br> </본문><br> </div>
