В этой статье описывается метод вибрации особого эффекта мыши JS, проводящегося по изображению. Поделитесь этим для вашей ссылки. Конкретный метод реализации следующим образом:
Скопируйте код следующим образом: <html>
<голова>
<meta http-equiv = "content-type" content = "text/html; charset = gb2312">
<TILE> Проведите мышь над эффектом вибрации изображения </title>
<style> .shakeimage {
Позиция: родственник
}
</Style>
</head>
<тело>
<Script language = javascript1.2>
<!-
var Offeructor = 3
var stopit = 0
var a = 1
функция init (который) {
остановка = 0
Shake = который
Shake.style.left = 0
Shake.style.top = 0
}
function ratmentimage () {
if ((! document.all &&! Document.getElementById) || stopit == 1)
Возвращаться
if (a == 1) {
shake.style.top = parseint (shake.style.top)+ректор
}
иначе if (a == 2) {
shake.style.left = parseint (shake.style.left)+ректор
}
иначе if (a == 3) {
shake.style.top = parseint (shake.style.top) -Rector
}
еще{
shake.style.left = parseint (shake.style.left) -Rector
}
if (A <4)
A ++
еще
a = 1
SetTimeout ("RtantImage ()", 50)
}
Функция Stoprattle (которая) {
остановка = 1
который. syle.left = 0
который. syle.top = 0
}
//->
</Script>
<img onmouseover = "init (this); crmentimage ()" onmouseout = "stoprattle (this)" src = "/images/csrcode.ico" style = "cursor: pointer;"/>
<img onmouseover = "init (this); crmentimage ()" onmouseout = "stoprattle (this)" src = "/images/changshi.ico" style = "cursor: pointer;"/>
<img onmouseover = "init (this); crmentimage ()" onmouseout = "stoprattle (this)" src = "/images/links.ico" style = "cursor: pointer;"/>
Сдвиньте мышь по эффекту предварительного просмотра изображения.
</body>
</html>
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.