Super menu vertical
Copie o código abaixo e cole-o em suas páginas. Para copiar, selecione todo o código e aperte as teclas "CTRL+C" e cole em suas páginas com o comando "CTRL+V".
Para ter este recurso em seu site é necessário que você siga dois passos:
- Passo 1:
Inclua o seguinte código em suas páginas HTML.
<script language=JavaScript>
function inicia(){
var x = navigator.appVersion;
y = x.substring(0,4);
if (y>=4) setVariables();moveOB();
}
function setVariables(){
if (navigator.appName == "Netscape"){h=".left=";v=".top=";dS="document.";sD=""; }
else{h=".pixelLeft=";v=".pixelTop=";dS="";sD=".style";
}
MenuX="Menu11"
XX=-70
YY=-70
OB=11
}
function setMenu(a){
MenuX="Menu"+a
OB=a
XX=eval("xpos"+a)
YY=eval("ypos"+a)
}
function getMenu(){
if (isNav)document.captureEvents(Event.MOUSEMOVE);
}
function releaseMenu(){
if (isNav)document.releaseEvents(Event.MOUSEMOVE);
check="no"
MenuX="Menu11";
document.close()
}
function moveOB() {
eval(dS + MenuX + sD + h + Xpos);
eval(dS + MenuX + sD + v + Ypos);
}
var isNav = (navigator.appName.indexOf("Netscape") !=-1)
var isIE = (navigator.appName.indexOf("Microsoft") !=-1)
nsValue=(document.layers)
check="no"
function MoveHandler(e) {
Xpos = (isIE) ? event.clientX : e.pageX
Ypos = (nsValue) ? e.pageY : event.clientY
if (check=="no"){
diffX=XX-Xpos
diffY=YY-Ypos
check="yes"
if (MenuX=="Menu11")check="no"
}
Xpos+=diffX
Ypos+=diffY
if (OB=="1")xpos1=Xpos,ypos1=Ypos
moveOB();
}
if (isNav){
document.captureEvents(Event.CLICK);
document.captureEvents(Event.DBLCLICK);
}
xpos1=50
ypos1=50
xpos11 = -50;
ypos11 = -50;
Xpos=5
Ypos=5
document.onmousemove = MoveHandler;
document.onclick = getMenu;
document.ondblclick = releaseMenu;
//window.top.document.frame[1].document.open()
</script>
<div id="Menu1" style="position:absolute; visibility:show; left:50px; top:50px; z-index:2">
<table border=1 cellpadding=5><tr>
<td bgcolor=eeeeee><a href="javascript:void(0)" onmousedown="setMenu(1)">Mover
o Menu</a></td>
</tr>
<tr bgcolor="#FFFFFF">
<td><br>
- <a href="Coloque o endereço do link aqui ">Coloque o nome do link aqui</a><br>
- <a href="Coloque o endereço do link aqui ">Coloque o nome do link aqui</a><br>
- <a href="Coloque o endereço do link aqui ">Coloque o nome do link aqui</a><br>
- <a href="Coloque o endereço do link aqui ">Coloque o nome do link aqui</a><br>
- <a href="Coloque o endereço do link aqui ">Coloque o nome do link aqui</a><br>
</td> </tr></table></div>
<div id="Menu11" style="position:absolute; visibility:show; left:-70px; top:-70px; z-index:2">
</div>
- Passo 2:
Inclua o seguinte código em sua tag "<BODY>", dê um espaço após o último parâmetro e inclua o seguinte:
onload="inicia()"
Um exemplo simples de como ficaria a tag:
<body onload="inicia()">
Lembre-se de que, sem isso, o recurso não irá funcionar.
