Este artículo describe el método de JS para activar el efecto de fluctuación de la imagen activando el mouse. 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>
<title> mouse desencadena el efecto de jitter de la imagen </title>
<estilo>
.ShakeImage {
Posición: pariente
}
</style>
<script language = "javaScript1.2">
// Configurar el grado de batido (donde el # más grande es igual a Shake)
reflector var = 3
//////// ¿Hecho editando //////////////
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>
</ablo>
<Body bgcolor = "#f7f7f7">
<p align = "centro">
<img src =/images/skinslogo.gif onMouseOver = "init (this); batchiMage ()" onMouseOut = "stoprattle (this)">
<br>
¡Mueve el mouse para ver el efecto! </p>
</body>
</html>
Espero que este artículo sea útil para la programación de JavaScript de todos.