..:: MX Studio Fóruns ::..: Como esconder e exibir DIV´s ? - ..:: MX Studio Fóruns ::..

Jump to content

Publicidade

ATENÇÃO

Para evitar posts desnecessários e que não influam para o andamento e desenvolvimento do fórum, clique aqui e leia todas as regras.
Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Como esconder e exibir DIV´s ?

#1 User is offline   skyphill 

  • Group: Membros
  • Posts: 143
  • Joined: 18-December 06

  Posted 23 March 2007 - 03:11 PM

Oi

Gente seguinte:

Criei 5 DIV´s e em cada uma delas coloquei informaçôes (textos), e elas estão aparecendo uma ao lado da outra, gostaria de fazer o seguinte:

Esconder uma DIV atraz da outra e só exibi-la qdo o mouse fosse colocado sobre uma determinada opção de um menu q está em outra DIV é possível ?

smartass.gif
0

#2 User is offline   Ticknight 

  • Group: Membros
  • Posts: 1
  • Joined: 24-March 07

  Posted 24 March 2007 - 02:00 AM

A propriedade que faz esconder é visibility=hidden
Agora precisamos de um script js para mudar isto quando
passar o mouse por cima do link ou clicar nele.

Abaixo está o códico completo
caso queira mudar para clicar em vez de passar o mouse, basta substituir
onMouseOver por onMouseUp

É só copiar o código e criar um html, colar e testar...
CODE
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
.estilo{
    position:absolute;
    width:202px;
    z-index:2;
    border: 1px solid #FFCC00;
    visibility: hidden;
    left: 15px;
    top: 44px;
    height: 120px;
    background-color: #FF9900;
}

</style>
<script type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_showHideLayers() { //v6.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}
//-->
</script>
</head>

<body>
<a href=#  onMouseOver=MM_showHideLayers('div1','','show') onMouseOut=MM_showHideLayers('div1','','hide')>Mostrar Texto Escondido</a>
<div id='div1' class="estilo">
  <div align="center">Texto</div>
</div>
</body>
</html>


Espero ter ajudado
Abraços.
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Similar Topics Collapse

  Topic Forum Started By Stats Last Post Info
New Replies Abrindo link em pop up
Como abrir uma janela pop-up a partir de 		Flash & ActionScript erikinhamelo 
  • 1 Reply
  • 492 Views
New Replies Freela
como devo cobrar ?? 		Mercado / Vagas sevilla 
  • 3 Replies
  • 1834 Views
New Replies Como criar simulações e experimentos de física Desenvolvimento de Jogos romulocta 
  • 2 Replies
  • 2897 Views
New Replies Associar figuras
Como associar figuaras 		Director Matreko 
  • 2 Replies
  • 1566 Views
New Replies 2 movie clips na mesma cena
como fazer para n entrarem em "conflito" 		Flash & ActionScript pasr 
  • 1 Reply
  • 661 Views
New Replies Calculo de Banda
Como calcular 		Dúvidas Gerais 0ml 
  • 0 Replies
  • 1875 Views
New Replies Data Grid
como Trabalhar com esse componente 		Flash & ActionScript Mentell 
  • 1 Reply
  • 746 Views
New Replies Como ecoar erro de uma funcao que abre db PHP ferazia 
  • 5 Replies
  • 1111 Views

Publicidade

1 User(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)