logo image
AddThis Social Bookmark Button

Visualisation d'une page Webjax

Effect.DropOut()
icone addfav
L'effet Effect.DropOut() permet de faire disparaître un élément DOM précisé avec un effet de réduction d'opacité dans le même temps.
Cet effet ressemble un peu aux effets type Effect.SlideUp() et Effect.SlideDown() avec la notion de réduction d'opacité en plus.

Des exemples d'utilisation de cet effet sont présentés ci après.


Exemple d'utilisation simple de Effect.DropOut

Un exemple d'utilisation simple de l'effet vous est présenté ci après.
toto président, toto président, webjax c'est bien webjax c'est bien

Durée de l'effet (duration) :



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



Utilisation de Effect.Transitions

Cet exemple vous présente l'utilisation de l'effet Effect.DropOut combiné avec un effet de transition défini dans les Effect.Transitions.
!!! :: si vous suivez la présentation de Scriptaculous dans l'ordre chronologique vous avez déjà du prendre connaissance de pages qui précisent l'impossibilité de sélectionner les effets de transition directement depuis une liste déroulante.
L'effet de base utilisé est 'flicker' en raison de son fort impact visuel.
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) :



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

ico com Aucun commentaire enregistré