Ir para conteúdo

POWERED BY:

Arquivado

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

Junior_sktboard

menu em js

Por , em Javascript

Recommended Posts

Junior_sktboard    0

Junior_sktboard
Postado

Galera fiz um nenu em js parecido com esse da imasters, mas gostaria de colocar o efeito que, ao passar o mouse e abrir a camada com os submenus, ela fosse aparecendo em alfa e quando tirasse o mouse ela fosse desaparecendo gradativamente!

 

Aqui vai o código do meu menu, se alguem puder me explicar como faço eonde coloco o código eu ficaria IMENSAMENTE grato!!!!! Aguardo uma AJUDA!!!

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<style type="text/css">

<!--

td { font-family: "Trebuchet MS", "Comic Sans MS", Arial, sans-serif; font-size: 12px}

a:link { color: #000000; text-decoration: none}

a:visited { color: #999999; text-decoration: none}

a:hover { color: #FF9900; text-decoration: none}

a:active { color: #000000; text-decoration: none}

-->

</style>

 

 

<title>Untitled Document</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script language="JavaScript" 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[n];

  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);

  if(!x && d.getElementById) x=d.getElementById(n); return x;

}

 

function P7_hideDiv(evt) { //v1.3 by PVII

var b,relT,mT=false;

if(document.layers){b=evt.target;if(b.p7aHide){

  b.visibility="hidden";}else{routeEvent(evt);}

}else if(document.all&&!window.opera){b=event.srcElement;

  while(b!=null){if(b.tagName=="DIV" && b.p7ahD){mT=true;break;}b=b.parentElement;}

  if(!b.contains(event.toElement)){b.style.visibility="hidden";}

}else if(document.getElementById){b=evt.currentTarget;relT=evt.relatedTarget;

  while(relT!=null){if(b==relT){mT=true;break;}

  relT=relT.parentNode;}if(!mT){b.style.visibility="hidden";}}

}

 

function P7_autoHide() { //v1.3 by PVII

var i,g,args=P7_autoHide.arguments;

for(i=0;i<args.length;i++){if((g=MM_findObj(args))!=null){

  g.p7aHide=true;if(document.layers){

  g.captureEvents(Event.MOUSEOUT);}g.onmouseout=P7_hideDiv;g.p7ahD=true;}}

}

 

function P7_autoLayers() { //v1.4 by PVII

var g,b,k,f,args=P7_autoLayers.arguments;a=parseInt(args[0]);if(isNaN(a))a=0;

if(!document.p7setc){p7c=new Array();document.p7setc=true;for(var u=0;u<10;u++){

p7c=new Array();}}for(k=0;k<p7c[a].length;k++){if((g=MM_findObj(p7c[a][k]))!=null){

b=(document.layers)?g:g.style;b.visibility="hidden";}}for(k=1;k<args.length;k++){

if((g=MM_findObj(args[k]))!=null){b=(document.layers)?g:g.style;b.visibility="visible";f=false;

for(var j=0;j<p7c[a].length;j++){if(args[k]==p7c[a][j]) {f=true;}}

if(!f){p7c[a][p7c[a].length++]=args[k];}}}

}

//-->

</script>

</head>

 

<body onLoad="P7_autoHide('flym1','flym2','flym3')">

<div id="menTrig1" style="position: absolute; left:5px; top:100px; width:130px;z-index:1"><a href="java script:;" onMouseOver="P7_autoLayers(0,'flym1')"><img src="../../../Inetpub/wwwroot/gidjrj/imagens/instituicao.gif" alt="menu" width="130" height="20" border="0"></a></div>

<div id="menTrig2" style="position: absolute; left:5px; top:120px; width:130px;z-index:1"><a href="java script:;" onMouseOver="P7_autoLayers(0,'flym2')"><img src="../../../Inetpub/wwwroot/gidjrj/imagens/convenios.gif" alt="menu" width="130" height="20" border="0"></a></div>

<div id="menTrig3" style="position: absolute; left:5px; top:140px; width:130px;z-index:1"><a href="java script:;" onMouseOver="P7_autoLayers(0,'flym3')"><img src="../../../Inetpub/wwwroot/gidjrj/imagens/associa-se.gif" alt="menu" width="130" height="20" border="0"></a></div>

<div id="flym1" style="position: absolute; left:148px; top:100px; width:148px; z-index:9; visibility: hidden;">

  <table width="148" border="0" cellspacing="0" cellpadding="0">

    <tr>

      <td bgcolor="#E8E8E8"> <table width="148" border="0" cellspacing="1" cellpadding="3">

          <tr>

            <td bgcolor="#FFFFFF"><a href="java script:;">Link One</a></td>

          </tr>

          <tr>

            <td bgcolor="#FFFFFF"> </td>

          </tr>

          <tr>

            <td bgcolor="#FFFFFF"> </td>

          </tr>

        </table></td>

    </tr>

  </table>

</div>

<div id="flym2" style="position: absolute; left:148px; top:120px; width:148px; z-index:9; visibility: hidden;">

  <table width="148" border="0" cellspacing="0" cellpadding="0">

    <tr>

      <td bgcolor="#E8E8E8"> <table width="148" border="0" cellspacing="1" cellpadding="3">

          <tr>

            <td bgcolor="#FFFFFF"><a href="java script:;">Link One</a></td>

          </tr>

          <tr>

            <td bgcolor="#FFFFFF"> </td>

          </tr>

          <tr>

            <td bgcolor="#FFFFFF"> </td>

          </tr>

        </table></td>

    </tr>

  </table>

</div>

<div id="flym3" style="position: absolute; left:148px; top:140px; width:148px; z-index:9; visibility: hidden; height: 48px;">

  <table width="148" border="0" cellspacing="0" cellpadding="0">

    <tr>

      <td bgcolor="#E8E8E8"> <table width="148" height="30" border="0" cellpadding="3" cellspacing="1">

          <tr>

            <td bgcolor="#EFF5F8"><font size="1" face="verdana"><a href="java script:;">Link

              One</a></font></td>

          </tr>

          <tr>

            <td bgcolor="#EFF5F8"><font size="1" face="verdana"><a href="java script:;">Link

              One</a></font></td>

          </tr>

          <tr>

            <td bgcolor="#EFF5F8"><font size="1" face="verdana"><a href="java script:;">Link

              One</a></font></td>

          </tr>

        </table></td>

    </tr>

  </table>

</div>

</body>

</html>

Valew!

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito