Después de fijar el Undolog gráficos y han hecho los toques finales a unos cuantos títulos (ver recuadro), me gustó la pareja de usar prototype.js y Scriptaculous , en una forma no intrusiva (discreto)! He aquí un video (pero se puede probar por ti mismo aquí 
) Con la característica interesante que he añadido a la barra lateral Undolog, que no sólo que sea más agradable espero que lo hace aún más funcional!
El código que se utiliza es muy simple:
1 2 3 4 5 6 7 8 9 | window , 'load' , function ( ) { Evento. Observe (ventana, 'load', function () { ) . each ( function ( element ) { element. style . cursor = "pointer" ; $ $ ('H2.dropdown) Cada estilo (function (elemento) {elemento = Cursor "puntero"...; 'click' , function ( event ) { elemento. observe ('click', function (evento) { this . next ( ) . style . display == "" ) new Effect. BlindUp ( this . next ( ) , { duration : .5 } ) ; si (.. this. next () el estilo de visualización == "") Efecto nuevo BlindUp (this. next (), {duration: 0.5});. Effect. BlindDown ( this . next ( ) , { duration : .3 } ) ; . Efectos más nuevo BlindDown (this. next (), {duration: 0.3}); event ) ; Detener Evento (evento).; ( element ) ) }. BindAsEventListener (elemento)) }) }) |
También tenga en cuenta que la primera vez que se carga la página principal del panel se cierra automáticamente Categorías Undolog - identificado por ID tit_category :
1 | window , 'load' , function ( ) { new Effect. BlindUp ( $ ( "tit_category" ) . next ( ) , { duration : .5 } ) } ) . Observe caso (ventana, 'load', function () {nuevo efecto BlindUp ($ ("tit_category.") Siguiente (), {duration:. 0,5})}) |
Los títulos en la barra lateral se definen, pues, de esta manera:
1 2 3 4 |
da rendere dinamici, grazie alla funzione doppio-dollaro ($$) di Prototype.js – di cui abbiamo già parlato… A través de la clase dropdown títulos se identifican H2 para hacer dinámico gracias a la doble dólar ($ $) de prototype.js - ya hemos hablado ...
No hay comentarios para esta entrada
Deja un comentario