Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

PatrickPC

Banner espansivel

Recommended Posts

Galera,

Gostaria de saber como crio um banner espansivel no flash.

O banner é daqueles que quando passa o mouse em cima ele espandi para baixo

 

Aguardo contato

Vlw!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Esse seu tópico está mais para javascript, mas como tem flash, tudo bem...

 

- - - - - - - - - -

 

Basicamente você cria uma div flutuante com overflow:hidden e position:absolute.

No início a DIV deve ter a altura setada para, por exemplo, metade do tamanho do seu banner.swf, e quando o usuário passar o mouse sobre a DIV, uma função vai aumentando a altura dela até chegar ao tamanho desejado.

Exemplo:

<div id='divflut' style='overflow:hidden;position:absolute;z-index:1000;width:350px;height:80px;top:0px;'; onmouseover='expandir(160)' onmouseout='comprimir()'>

//coloque aqui seu banner.swf(com o fundo setado para transparente!)<br>

</div>

 

Script que faz o incremento na altura da DIV:

<script language='javascript'>

function expandir( altMax ){

var alt = parseInt( document.getElementById( 'divflut' ).style.height );

document.getElementById( 'divflut' ).style.height = alt + Math.round( ( ( altMax - parseInt( document.getElementById( 'divflut' ).style.height ) ) / 4 ) + 1 ) + "px";

parseInt( document.getElementById( 'divflut' ).style.height ) < altMax ? setTimeout( "expandir("+ altMax +")", 100 ):'';

}

function comprimir(){

document.getElementById( 'divflut' ).style.height = '80px';

}

</script>

 

Obs.: Esse exemplo que postei, foi um exemplo corriqueiro. Deve ter coisa mais sofisticada por aí...

 

Abs,

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.