온라인 데모: <title>이미지 위에 마우스를 올리면 흔들리는 JS 코드 </title> <style>.shakeimage{position:relative; left:100px; top:100px;}</style> <img src="http://www.jb51.net/images/logo.gif" class="shakeimage" onmouseover="shake(this,'onmouseout')" alt="picture_image 특수 효과에 마우스를 놓았을 때 JS 지터 효과" > [Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다. ]창의성 : 간단한 호출: event="shake(this,'onmouseout')"; 짧은 코드: 주 함수 프로그램에는 코드가 5줄만 있습니다.고성능 var typ=["marginTop","marginLeft"],rangeN=10,timeout=20; function shake(o,end){ var range=Math.floor(Math.random()*rangeN); var typN=Math.floor(Math.random()*typ.length); o["style"][typ[typN]]=""+range+"px"; var shakeTimer=setTimeout(function(){shake(o,end)},timeout); o[end]=function(){clearTimeout(shakeTimer)}; } 명확한 논리, 2차 개발이 용이함
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
