Difference between revisions of "Template:Menuscript"
Javier Lopez (Talk | contribs) (Created page with " var itemOrig; function despMenu(nombre,sn) { obj = document.getElementById[nombre]; if (sn>0) obj.style.visibility = "visible"; else ob...") |
(+cat) |
||
| (3 intermediate revisions by one other user not shown) | |||
| Line 1: | Line 1: | ||
| − | + | <HTML> | |
| − | + | <HEAD> | |
| − | + | <style type="text/css"> | |
| − | + | .itMenu { position: absolute; clip: rect( ); background: #99FF99; visibility:hidden} | |
| − | + | .cabMenu { position: absolute; clip: rect( ); color: #FFFF66; background:#0033FF} | |
| − | + | .itMenuAct { background: #CCFFFF; width: 160px } | |
| + | .itMenuDes { background: #99FF99; width: 160px }</style> | ||
| + | <SCRIPT language="JavaScript"> | ||
| + | var itemOrig; | ||
| + | function despMenu(nombre,sn) | ||
| + | { | ||
| + | obj = document.getElementById[nombre]; | ||
| + | if (sn>0) | ||
| + | obj.style.visibility = "visible"; | ||
else | else | ||
| − | + | obj.style.visibility = "hidden"; | |
} | } | ||
function destacar(obj, val) | function destacar(obj, val) | ||
{ | { | ||
if (val==1) | if (val==1) | ||
| − | + | { | |
| − | + | itemOrig = obj.style.backgroundColor; | |
| − | + | obj.style.backgroundColor="Aqua"; | |
| − | + | } | |
else | else | ||
| − | + | obj.style.backgroundColor= itemOrig; | |
} | } | ||
| − | |||
</script> | </script> | ||
| + | </HEAD> | ||
| + | <BODY> | ||
| + | <div id="Menu1" style="width:140px; height:21px; z-index:2; left: 39px; top: 23px" class="cabMenu" | ||
| + | onMouseOver="despMenu('itMenu1',1)" onMouseout="despMenu('itMenu1',0)">Cabecera del menu | ||
| + | </div> | ||
| + | <div id="itMenu1" style="width:103px; height:75px;z-index:1; left: 39px; top: 44px" class="itMenu" onMouseOver="despMenu(this.id,1)" onMouseout="despMenu(this.id,0)"> | ||
| + | <div id="itMenu11" class="itMenuDes" onMouseover="destacar(this,1)" onMouseout="destacar(this,0)" > | ||
| + | <a href="destino1.htm" >Item 1</a> | ||
| + | </div> | ||
| + | <div id="itMenu12" class="itMenuDes" onMouseover="destacar(this,1)" onMouseout="destacar(this,0)" > | ||
| + | <a href="destino1.htm" >Item 2</a> | ||
| + | </div> | ||
| + | <div id="itMenu13" class="itMenuDes" onMouseover="destacar(this,1)" onMouseout="destacar(this,0)" > | ||
| + | <a href="destino1.htm" >Item 3</a> | ||
| + | </div> | ||
| + | </div> | ||
| + | Resto de la página web | ||
| + | </BODY> | ||
| + | </HTML> | ||
| + | <noinclude>[[Category:Templates]]</noinclude> | ||
Latest revision as of 08:50, 17 May 2013
<HTML> <HEAD> <style type="text/css"> .itMenu { position: absolute; clip: rect( ); background: #99FF99; visibility:hidden} .cabMenu { position: absolute; clip: rect( ); color: #FFFF66; background:#0033FF} .itMenuAct { background: #CCFFFF; width: 160px } .itMenuDes { background: #99FF99; width: 160px }</style> <SCRIPT language="JavaScript"> var itemOrig; function despMenu(nombre,sn) { obj = document.getElementById[nombre]; if (sn>0) obj.style.visibility = "visible"; else obj.style.visibility = "hidden"; } function destacar(obj, val) { if (val==1) { itemOrig = obj.style.backgroundColor; obj.style.backgroundColor="Aqua"; } else obj.style.backgroundColor= itemOrig; } </script> </HEAD> <BODY>
<a href="destino1.htm" >Item 1</a>
<a href="destino1.htm" >Item 2</a>
<a href="destino1.htm" >Item 3</a>
Resto de la página web </BODY> </HTML>
