Comunidad de diseño web y desarrollo en internet online

pestaña elastica

Citar            
MensajeEscrito el 10 Nov 2006 08:34 pm
Hola que tal? mi problema es el siguiente:
Quiero hacer pestañas que al posicionarse en ellas pareciera como si salieran un poco más y al quitarme de ellas regresen a su estado original.

He utilizado onRollOver para este efecto y si lo hace pero quiciera que lo hiciera más lento y no de inmediato.

Quiero algo como esto:

http://www.a4flash.com/design/viewtype2.php?id=home_w_2

Espero y me puedan ayudar. De antemano Muchas gracias.
:crap:

Por sfa

72 de clabLevel



 

Mexico DF

firefox
Citar            
MensajeEscrito el 11 Nov 2006 01:29 am
hola sfa pq no te das un vistaso en este enlace
http://www.webintenta.com/botones-con-efecto-elastico.html

Por erny_2004

Claber

166 de clabLevel



Genero:Masculino  

Morelia, Michoacan

firefox
Citar            
MensajeEscrito el 13 Nov 2006 03:53 pm
Muchas gracias erny_2004 voy a hacer los cambios pertinentes para ver si funciona mejor que el que modifique.

Este codigo lo saque del tema de banners extensibles.

Código :

banner.onRollOver = function() {
   this.onEnterFrame = function() {
      this._xscale = this._yscale += 100 * 0.01;
      if (this._xscale >= 125) {
         this._xscale = 125;
         delete this.onEnterFrame;
      }
   };
};
banner.onRollOut = function() {
   this.onEnterFrame = function() {
      this._xscale = this._yscale -= 100 * 0.01;
      if (this._xscale <= 100) {
         this._xscale = 100;
         delete this.onEnterFrame;
      }
   };
};

Las modificaciones que le hice para que hiciera lo que queria furon las siguientes:

Código :

rect.onRollOver = function() {
   this.onEnterFrame = function() {
      this._y=this._y += 100 * 0.01;
      if (this._y >= 10) {
         this._y = 10;
         delete this.onEnterFrame;
      }
   };
};
rect.onRollOut = function() {
    this.onEnterFrame = function() {
      this._y=this._y -= 100 * 0.01;
      if (this._y <= 0) {
         this._y = 0;
         delete this.onEnterFrame;
      }
   };
};


Muchas. Gracias. :wink:

Por sfa

72 de clabLevel



 

Mexico DF

firefox

 

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