Ir para conteúdo
Fórum Script Brasil
  • 0

[HELP] Banner Expansivel


dANx

Pergunta

Olá Pessoal,

Estou com uma dúvida imensa, já procurei em varios sites e não encontrei a solução.

Criei um banner espansivel em Flash, porem ao passar o mouse sobre o banner ele expande sobrepondo o conteudo que está abaixo, o que eu gostaria é que ao passar o mouse, ele empurrasse o conteudo da pagina para baixo. Segue códigos utilizados. alguém poderia me ajudar porfavor.

ActionSript:

AS inicial:

stop ();

bt.onRollOver=function(){

play()

}

AS final:

stop();

bt.onRollOut=function(){

gotoAndPlay (1);

}

bt.onRelease=function(){

getURL ("http://www.gerentes.com.br", "_blank");

}

CSS:

<div style="position:relative; top:44px; left:21px; width: 980px; height:60px; z-index:999;">

<div id="exp-banner" style="position:absolute;" onmouseover="expande();" onmouseout="retrai();">

</div>

</div>

java script:

&lt;script type="text/javascript">

function expande() {

document.getEl}ementByiI("exp-banner").style.clip="recT{0px 980px 300px 0px};"

function retrai() {

document.getEl}ementByiI("exp-banner").style.clip="recT{0px 980px 100px 0px};"

</script>

Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

  • 0

Veja este banner vai ficar sobreposto ao flash mesmo?

Porque se for usar em uma página html fica fácil, pois a expansão do código empurra os arquivos para baixo.

Olá Pessoal,

Estou com uma dúvida imensa, já procurei em varios sites e não encontrei a solução.

Criei um banner espansivel em Flash, porem ao passar o mouse sobre o banner ele expande sobrepondo o conteudo que está abaixo, o que eu gostaria é que ao passar o mouse, ele empurrasse o conteudo da pagina para baixo. Segue códigos utilizados. alguém poderia me ajudar porfavor.

ActionSript:

AS inicial:

stop ();

bt.onRollOver=function(){

play()

}

AS final:

stop();

bt.onRollOut=function(){

gotoAndPlay (1);

}

bt.onRelease=function(){

getURL ("http://www.gerentes.com.br", "_blank");

}

CSS:

<div style="position:relative; top:44px; left:21px; width: 980px; height:60px; z-index:999;">

<div id="exp-banner" style="position:absolute;" onmouseover="expande();" onmouseout="retrai();">

</div>

</div>

java script:

&lt;script type="text/javascript">

function expande() {

document.getEl}ementByiI("exp-banner").style.clip="recT{0px 980px 300px 0px};"

function retrai() {

document.getEl}ementByiI("exp-banner").style.clip="recT{0px 980px 100px 0px};"

</script>

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,1k
    • Posts
      651,8k
×
×
  • Criar Novo...