logo image
AddThis Social Bookmark Button

Visualisation d'une page Webjax

Effect.Pulsate()
icone addfav
L'effet Effect.Pulsate() permet de faire clignoter en jouant sur l'opacité d'un élément DOM précisé.
Ce cligontement ou 'pulsation' permet de donner une impression de dynamique dans une page et peut être utilisé par exemple pour signaler une action en cours d'éxécution ou une promotion (ndr : application e-commerce).

Cet effet peut être utilisé avec des options spécifques du fait de sa nature.
Les options spécifiques à cet effet sont présentées dans le tableau ci après :

Propriété Type Défaut Description
pulses Number 5 Nombre de pulsations à appliquer à l'élément DOM.
duration Number 2.0 Durée après laquelle l'effet doit être arrêté.
from Number 0 Opacité minimale à utiliser pour la pulsation. (ndr : avec '0.7' vous obtenez une pulsation légère).


Un exemple d'utilisation de cet effet vous est présenté ci après.

Exemple d'utilisation simple de Effect.Pulsate()

Cet exemple vous permet de tester le principe de 'pulsation' sur une zone 'div' en ayant la possibilité de faire varier l'opacité minimale (intensité de la pulsation), la durée de l'effet et le nombre de pulsations à effectuer.
L'exemple est testable ci après :
toto président, toto président, webjax c'est bien webjax c'est bien

Durée de l'effet (duration) :
Opacité minimale :
Nombre de pulsations :


Le code source de l'exemple est présenté ci après :



Utilisation de Effects.Transitions avec Effect.Pulsate

Il est possible d'utiliser des effets de transitions définis dans Effect.Transitions dans le cadre de l'effet Effect.Pulsate.
!!! :: du à des restrictions d'usage de la définition de nouveaux effets de transitions de façon dynamique (ndr : via liste déroulante), l'exemple sera présenté uniquement avec deux effets à savoir 'flicker' et 'wobble'.
L'exemple présent est utilisé avec les options par défaut de l'effet Effect.Pulsate .

toto président, toto président, webjax c'est bien webjax c'est bien




Le code source de l'exemple est repris ci après :

ico com Aucun commentaire enregistré