이 기사에서는 마우스를 트리거하여 이미지 지터 효과를 트리거하는 JS 방법에 대해 설명합니다. 참조를 위해 공유하십시오. 특정 구현 방법은 다음과 같습니다.
다음과 같이 코드를 복사하십시오. <html>
<헤드>
<title> 마우스 트리거 사진 지터 효과 </title>
<스타일>
.ShakeImage {
위치 : 상대
}
</스타일>
<script language = "javaScript1.2">
// 쉐이크 학위 구성 (더 큰 #이 더 큰 쉐이크와 같음)
var 반사기 = 3
//////// 완료 편집 ///////////////
var stop = 0
var a = 1
함수 init (who) {
stopit = 0
Shake = 어느 것
shake.style.left = 0
shake.style.top = 0
}
함수 RattleImage () {
if ((! document.all &&! document.getElementById) || stopit == 1)
반품
if (a == 1) {
shake.style.top = parseint (shake.style.top)+rector
}
else if (a == 2) {
shake.style.left = parseint (Shake.style.left)+rector
}
else if (a == 3) {
shake.style.top = parseint (shake.style.top)-소터
}
또 다른{
shake.style.left = parseint (Shake.style.left)-소터
}
if (a <4)
A ++
또 다른
a = 1
settimeout ( "rattleimage ()", 50)
}
함수 stoprattle (who) {
stopit = 1
what.style.left = 0
what.style.top = 0
}
</스크립트>
</head>
<body bgcolor = "#f7f7f7">
<p align = "Center">
<img src =/images/skinslogo.gif onmouseover = "init (this); rattleImage ()"onMouseOut = "stopRattle (this)">
<br>
마우스를 이동하여 효과를보십시오! </p>
</body>
</html>
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.