Haga clic en el hipervínculo para llamar a las funciones de JavaScript, la mayoría de las personas usan:
Copie el código de la siguiente manera: <a href = "javaScript: function ();">
Pero esto tiene una desventaja, es decir, después de hacer clic en el enlace, la animación GIF en la página estará estacionaria.
Pruebe el siguiente código:
Copie el código de la siguiente manera: <script type = "text/javaScript">
<!-
función foo ()
{
// Haz algo
}
//->
</script>
<img src = "logo.gif" />
<a href = "javascript: foo ();"> enlaces que aún hacen animación gif </a>
Discusión de la solución:
Copie el código de la siguiente manera: <a onClick = "javaScript: foo ();"> enlace </a>
Esta vez, la pantalla de animación no se verá afectada, pero después de que el mouse se mueva hacia arriba, los estilos de mouse e hipervínculos no cambiarán. Aunque la hoja de estilo se puede usar para cambiar los estilos del mouse y el hipervínculo, después de todo es un poco engorroso, y esta idea no es buena.
Verifique el siguiente código nuevamente:
Copie el código de la siguiente manera: <a onClick = "javaScript: foo ();" href = "#"> enlace </a>
Podemos encontrar que aunque hacer clic en el enlace no afecta la pantalla de animación, la página siempre se desplaza a la parte superior, y este efecto no es lo que queremos.
Solución final:
Copie el código de la siguiente manera: <a onClick = "javaScript: foo (); return false;" href = "#"> no afecta el enlace del GIF </a>
Si no considera el problema de las imágenes GIF, todos los métodos anteriores están bien.