Maison > interface Web > js tutoriel > Exemple de code pour implémenter un effet de nuage de saut périlleux de barre de navigation personnalisée exquise à l'aide de JavaScript

Exemple de code pour implémenter un effet de nuage de saut périlleux de barre de navigation personnalisée exquise à l'aide de JavaScript

黄舟
Libérer: 2017-10-30 09:23:52
original
2191 Les gens l'ont consulté

Effet de réussite :

>

Qu'est-ce que l'effet nuage de saut périlleux :

•Cet effet est très simple, c'est-à-dire , lorsque la souris se déplace vers d'autres répertoires de navigation, une image de fond glissera avec la souris vers le répertoire courant.

Idées d'implémentation :

•Lorsque la souris passe, utilisez offsetLeft pour obtenir la distance de la case actuelle vers la gauche et attribuez cette valeur à la valeur finale de l'animation d'assouplissement.

• Mémorisez la valeur offsetLeft actuelle lorsque vous cliquez dessus, et lorsque la souris passe dessus, attribuez la valeur offsetLeft précédemment cliquée à la valeur actuelle lors de son passage.

Code d'implémentation :

Ce qui suit est le code d'implémentation et les commentaires détaillés. L'essentiel est de définir une balise span avec une position absolue, de lier l'événement de souris et d'utiliser. l'animation animée encapsulée réalise l'effet "nuage de saut périlleux" de span.

Résumé

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal