Effet jQuery - Effet Shake
La description
le Shakeeffet peut être utilisé avec la méthode effect (). Cela secoue l'élément plusieurs fois, verticalement ou horizontalement.
Syntaxe
Voici la syntaxe simple pour utiliser cet effet -
selector.effect( "shake", {arguments}, speed );
Paramètres
Voici la description de tous les arguments -
times- Il est temps de secouer. La valeur par défaut est 3.
distance- Distance à secouer. La valeur par défaut est 20.
direction- La direction de l'effet. Peut être «haut», «bas», «gauche», «droite». La valeur par défaut est "gauche"
Exemple
Voici un exemple simple montrant l'utilisation de cet effet -
<html>
<head>
<title>The jQuery Example</title>
<script type = "text/javascript"
src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
</script>
<script type = "text/javascript"
src = "https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js">
</script>
<script type = "text/javascript" language = "javascript">
$(document).ready(function() {
$("#button").click(function(){
$(".target").effect( "shake", {times:4}, 1000 );
});
});
</script>
<style>
p {background-color:#bca; width:200px; border:1px solid green;}
div{ width:100px; height:100px; background:red;}
</style>
</head>
<body>
<p>Click the button</p>
<button id = "button"> Shake </button>
<div class = "target">
</div>
</body>
</html>
Cela produira le résultat suivant -
jquery-effects.htm