Este artículo describe el método de vibrar el efecto especial del deslizamiento del mouse JS sobre la imagen. Compártelo para su referencia. El método de implementación específico es el siguiente:
Copie el código de la siguiente manera: <html>
<Evista>
<meta http-oquiv = "content-type" content = "text/html; charset = gb2312">
<title> deslice el mouse sobre el efecto de vibración de la imagen </title>
<syle> .ShakeImage {
Posición: pariente
}
</style>
</ablo>
<Body>
<Script Language = JavaScript1.2>
<!-
reflector var = 3
var stopit = 0
var a = 1
función init (que) {
stopit = 0
batir = que
shake.style.left = 0
Shake.style.top = 0
}
function rettimage () {
if ((! document.all &&! document.getElementByid) || stopit == 1)
Devolver
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) -rector
}
demás{
shake.style.left = parseint (shake.style.left) -rector
}
if (a <4)
a ++
demás
a = 1
setTimeout ("ratchimage ()", 50)
}
función stoprattle (que) {
stopit = 1
que.style.left = 0
que.style.top = 0
}
//->
</script>
<img onMouseOver = "init (this); batchiMage ()" onMouseOut = "stoprattle (this)" src = "/images/csrcode.ico" style = "cursor: pointer;"/>
<img onMouseOver = "init (this); batchiMage ()" onMouseOut = "stoprattle (this)" src = "/images/changshi.iCo" style = "cursor: pointer;"/>
<img onMouseOver = "init (this); batchiMage ()" onMouseOut = "stoprattle (this)" src = "/images/links.ico" style = "cursor: pointer;"/>
Deslice el mouse sobre el efecto de vista previa de la imagen.
</body>
</html>
Espero que este artículo sea útil para la programación de JavaScript de todos.