Maison > interface Web > js tutoriel > js pour obtenir des compétences effect_javascript de gigue d'image déclenchées par la souris

js pour obtenir des compétences effect_javascript de gigue d'image déclenchées par la souris

WBOY
Libérer: 2016-05-16 16:12:50
original
1194 Les gens l'ont consulté

L'exemple de cet article décrit la méthode js pour obtenir l'effet de gigue des images déclenchées par la souris. Partagez-le avec tout le monde pour votre référence. La méthode de mise en œuvre spécifique est la suivante :

Copier le code Le code est le suivant :


La souris déclenche l'effet de gigue de l'image


//configurer le degré de secousse (où un # plus grand équivaut à une plus grande secousse)
var recteur=3
///////ÉDITION TERMINÉE///////////
var stopit=0
var a=1
fonction init(qui){
stopit=0
secouer = lequel
shake.style.left=0
shake.style.top=0
>
fonction hochetimage(){
if ((!document.all&&!document.getElementById)||stopit==1)
revenir
si (a==1){
shake.style.top=parseInt(shake.style.top) recteur
>
sinon si (a==2){
shake.style.left=parseInt(shake.style.left) recteur
>
sinon si (a==3){
shake.style.top=parseInt(shake.style.top)-rector
>
autre{
shake.style.left=parseInt(shake.style.left)-rector
>
si (a<4)
un
d'autre
a=1
setTimeout("rattleimage()",50)
>
fonction stoprattle(qui){
stopit=1
which.style.left=0
which.style.top=0
>







Déplacez votre souris pour voir l'effet !



J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.

É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