Comment combiner pour obtenir des effets dans JQuery

Comment combiner pour obtenir des effets dans JQuery


Adobe Flash peut éblouir les internautes avec des effets spéciaux captivants, mais vous pouvez créer votre propre en utilisant JQuery. les développeurs du site de programmation avec JQuery de gagner du temps en permettant des fonctions JQuery pour gérer les tâches de codage fastidieux souvent nécessaires pour produire des effets animés. Effets intégrés JQuery tels que "show" et "cacher" montrera et éléments de page cacher en utilisant une seule ligne de code. En combinant de multiples effets, vous pouvez produire, des animations accrocheuses complexes qui ne sont limitées que par votre imagination.

Instructions

1 Bloc-notes de lancement ou tout autre éditeur HTML. Ouvrez un document HTML que vous souhaitez utiliser pour tester JQuery effets d'animation.

2 Ajoutez le code suivant à la section de corps du document:

<Div id = "div1" class = "test">

<H1> Titre Inside Div </ h1>

</ Div>

<Input id = type = valeur "Button3" "bouton" = "Combiner les effets" onclick = "__gVirt_NP_NN_NNPS<__ animé de retour ( 'div1')" />

Cela crée un div. Le div contient une rubrique. Le div, dont l'id est "div1," fait également référence à une classe CSS nommée "test". Cette classe ajoute un fond jaune à la div et lui donne la hauteur et la largeur. L'ajout de ces attributs à la div vous aidera à voir l'animation plus clairement. La déclaration «d'entrée», ajoute un bouton qui vous permet de déclencher l'animation. Le bouton «clic» événement passe l'id du div, "div1," à une fonction JavaScript nommée "animé".

3 Collez le code suivant dans la section de tête du document:

<Script type = "text / javascript" function.applies la peau, spectacle et effets à la div animer. Les chiffres de 2000 et de 1000 déterminent combien de temps, en millisecondes, chaque effet dure. Le nombre 2000, par exemple, dit JQuery pour cacher la div sur une période de 2000 millisecondes. L'effet animé change la hauteur de la div à 440 pixels en 600 millisecondes.

5 Enregistrez votre document, puis ouvrez-le dans un navigateur. Le div apparaît. Cliquez sur le bouton "Combiner des effets". JQuery cache la div, montre à nouveau, puis anime sa hauteur selon les valeurs spécifiées dans le code.

Conseils et avertissements

  • Chaîne un certain nombre d'effets uniques JQuery simplement en séparant chacun d'eux avec une période. Modifiez les valeurs numériques des effets pour produire des variations uniques. Par exemple, en changeant 2000 à 20, la div utilisé dans cet exemple disparaît en 20 millisecondes au lieu de "Effets" pages des listes de 2000.JQuery supplémentaires affecte, vous pouvez combiner dans vos animations JQuery. .