Après la fixation du Undolog graphiques et ont fait la touche finale à quelques titres (voir encadré), j'ai apprécié le couple à utiliser prototype.js et Scriptaculous , dans un non-intrusive (discret)! Voici une vidéo (mais vous pouvez l'essayer pour vous-même ici 
) Avec la fonctionnalité intéressante que j'ai ajouté à la barre latérale Undolog, qui non seulement le rendre plus agréable J'espère rend encore plus fonctionnelle!
Le code que j'ai utilisé est très simple:
1 2 3 4 5 6 7 8 9 | window , 'load' , function ( ) { Événement. Observez (fenêtre, 'load', function () { ) . each ( function ( element ) { element. style . cursor = "pointer" ; $ $ ('H2.dropdown') Chaque style (function (element) {element = curseur "pointeur"...; 'click' , function ( event ) { élément. observer ('click', function (event) { this . next ( ) . style . display == "" ) new Effect. BlindUp ( this . next ( ) , { duration : .5 } ) ; if (.. this. next () le style d'affichage == "") Effet de nouvelles BlindUp (this. suivante () {durée: 0.5});. Effect. BlindDown ( this . next ( ) , { duration : .3 } ) ; . Effet chose de nouveau BlindDown (this. suivante () {durée: 0.3}); event ) ; Arrêtez événement (event).; ( element ) ) }. BindAsEventListener (élément)) }) }) |
A noter également que la première fois que vous chargez la page d'accueil du panneau est automatiquement fermée Catégories Undolog - identifié par l'ID tit_category :
1 | window , 'load' , function ( ) { new Effect. BlindUp ( $ ( "tit_category" ) . next ( ) , { duration : .5 } ) } ) . Observez l'événement (fenêtre, 'load', function () {Effet de nouvelles BlindUp ($ ("tit_category.") Next (), {durée:. 0,5})}) |
Les titres sur la barre latérale sont définies, puis, de cette manière:
1 2 3 4 |
da rendere dinamici, grazie alla funzione doppio-dollaro ($$) di Prototype.js – di cui abbiamo già parlato… Grâce à la classe dropdown titres sont identifiés H2 pour rendre dynamique, grâce au dollar double ($ $) de prototype.js - nous avons déjà parlé ...
Il n'y a aucun commentaire pour cet article
Laisser un commentaire