Comunidad de diseño web y desarrollo en internet online

Efecto para pasar de display:none a display:block

Citar            
MensajeEscrito el 02 Mar 2009 01:02 pm
Buenas noches!

Yo estoy realizando un codigo donde, al hacer clic en un link, el CSS de un elemento cambia de display:none a display:block. La cosa es que ese cambio es como muy "brusco", que digamos... yo necesetaria como que ese cambio de display sucediera con algun efecto de transicion, o de slide de izquierda a derecha, de ser posble.. Saben si eso puede ser posible???

O sino... saber si alguno conocia algun tipo de acordion, o efecto slide de alguna galeria, donde se al hacer clic en un link se abra un contenido adyacente a este, de izquierda a derecha? compatible con todos los navegadores???

muchas gracias!!

pablo.

Por locoxchacho

6 de clabLevel



 

firefox
Citar            
MensajeEscrito el 02 Mar 2009 01:49 pm
ummmm... creo que debes chekar el tema de Prototype Window ahi hay efectos CSS pero en el caso de ventanas o efectos de Alerts con divs...
http://prototype-window.xilinus.com/

Por chalaco_hard

3 de clabLevel



 

msie7
Citar            
MensajeEscrito el 02 Mar 2009 03:35 pm
no entiendo a que te refieres... el link que me diste es para efectos css en ventanas emergentes.. como puedo aplicar eso a lo que pregunto??

desde ya muchas gracias!! espero su colaboracion!!

pablo.

Por locoxchacho

6 de clabLevel



 

opera
Citar            
MensajeEscrito el 05 Mar 2009 10:18 pm
Este programa aumenta el tamaño de un objeto cuando ejecutas una accion

Código :

/*Esta seria la funcion que activa la accion, por ejemplo onClick="activacion()"*/
function activacion()
{
var repeticion=setInterval("crecer()",1);
   setTimeout("clearInterval("+repeticion+")",1000);
}
tamaño=100;
/*Este seria el tamaño original del objeto*/
document.getElementById("objeto");
/*Este es el que identifica al objeto*/
function crecer()
{
objeto.style.height=tamaño;
tamaño=tamaño+1;
     if(tamaño==200){
     objeto.style.display="block";
     }
}
/*Esta funcion seria la que aumente el tamaño del objeto*/

Espero te sirva y me entiendas

Por Bilanime

5 de clabLevel



 

firefox
Citar            
MensajeEscrito el 05 Mar 2009 10:19 pm
En el if no seria objeto seria el elemnto que quieras que se abra perdon no lo vi cuando te lo puse

Por Bilanime

5 de clabLevel



 

firefox
Citar            
MensajeEscrito el 06 Mar 2009 02:11 am
Mira este TUTO de JQUERY seguro que te va a gustar y servir

Por jpcw

Claber

1715 de clabLevel

1 tutorial

Genero:Masculino  

AlgoritmicBrainDesigner

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.