Lenyíló Menük:
Egyik fajta lenyíló menü
Próbáld ki.
Forrása:
<HEAD> </HEAD> közé másolnod:
<STYLE type="text/css"> <!-- A:Hover { color: steelblue; text-decoration: none; text-transform: uppercase; font-weight:bold; } A { color: royalblue; text-decoration: none; font-size: 10pt; font-family: Verdana, Arial; } --> </STYLE>
Forrása:
<HEAD> </HEAD> közé másolnod:
<SCRIPT LANGUAGE="JavaScript"> <!-- innen ie4 = ((navigator.appName == "Microsoft Internet Explorer") && (parseInt(navigator.appVersion) >= 4 )) ns4 = ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) >= 4 )) if (ns4) { layerRef="document.layers"; styleRef=""; } else { layerRef="document.all"; styleRef=".style"; } function afficheCalque(calque) { eval(layerRef + '["' + calque +'"]' + styleRef + '.visibility = "visible"'); } function cacheCalque(calque) { eval(layerRef + '["' + calque +'"]' + styleRef + '.visibility = "hidden"'); } //--> </SCRIPT> // eddig -->
Forrása:
<BODY> </BODY> közé másolnod:
<CENTER> <table border=0 cellspacing=0 cellpadding=0> <TR valign="top"> <TD> <DIV STYLE="background-color:silver; width:220" onmouseover="afficheCalque('div1')" onmouseout="cacheCalque('div1')"> <CENTER><a href=# onmouseover="afficheCalque('div1')" onmouseout="cacheCalque('div1')">Főmenü 1.</a></CENTER> </DIV> <DIV id="div1" onmouseover="afficheCalque('div1')" onmouseout="cacheCalque('div1')" style="position:relative; layer-background-color:silver; background-color:silver; width:220; border-width:thin; border-color:white; border-style: groove; visibility: hidden"> <a href="http://" onmouseover="afficheCalque('div1')" onmouseout="cacheCalque('div1')">Almenü-1.</a><br> <a href="http://" onmouseover="afficheCalque('div1')" onmouseout="cacheCalque('div1')">Almenü-2.</a><br> <a href="http://" onmouseover="afficheCalque('div1')" onmouseout="cacheCalque('div1')">Almenü-3.</a><br> </DIV> </TD> <TD> <DIV STYLE="background-color:silver; width:140" onmouseover="afficheCalque('div2')" onmouseout="cacheCalque('div2')"> <CENTER><a href="#" onmouseover="afficheCalque('div2')" onmouseout="cacheCalque('div2')">Főmenü 2.</a></CENTER> </DIV> <div id="div2" onmouseover="afficheCalque('div2')" onmouseout="cacheCalque('div2')" style="position:relative; layer-background-color:silver; background-color:silver; width:140; border-width:thin; border-color:white; border-style: groove; visibility: hidden"> <a href="http://" onmouseover="afficheCalque('div2')" onmouseout="cacheCalque('div2')">Almenü-1.</a><br> <a href="http://" onmouseover="afficheCalque('div2')" onmouseout="cacheCalque('div2')">Almenü-2.</a><br> <a href="http://" onmouseover="afficheCalque('div2')" onmouseout="cacheCalque('div2')">Almenü-3.</a><br> </DIV> </TD> <TD> <DIV STYLE="background-color:silver; width:140" onmouseover="afficheCalque('div3')" onmouseout="cacheCalque('div3')"> <CENTER><a href=# onmouseover="afficheCalque('div3')" onmouseout="cacheCalque('div3')">Főmenü 3.</a></CENTER> </DIV> <DIV id="div3" onmouseover="afficheCalque('div3')" onmouseout="cacheCalque('div3')" style="position:relative; layer-background-color:silver; background-color:silver; width:140; border-width:thin; border-color:white; border-style: groove; visibility: hidden"> <a href="http://" onmouseover="afficheCalque('div3')" onmouseout="cacheCalque('div3')">Almenü-1.</a><br> <a href="http://" onmouseover="afficheCalque('div3')" onmouseout="cacheCalque('div3')">Almenü-2.</a> </DIV> </TD> </TR> </TABLE> </CENTER>
Másik fajta lenyíló menü
Próbáld ki.
Forrása:
<HEAD> </HEAD> közé másolnod:
<SCRIPT LANGUAGE="JavaScript"> <!-- innen var eypos=-124, ejump=-4; var typos=-92, tjump=-4; var delay=2; function do_elso() { if(typos>-92) { tjump=-4; if(typos>=30) masodik_mozog(); } ejump=-ejump; if(eypos<=-122 || eypos>=30) elso_mozog(); } function elso_mozog() { if(document.layers) document.elso.top=eypos; else document.all.elso.style.top=eypos; eypos+=ejump; if(eypos>-122 && eypos<30) setTimeout("elso_mozog()", delay); } function do_masodik() { if(eypos>-122) { ejump=-4; if(eypos>=30) elso_mozog(); } tjump=-tjump; if(typos<=-92 || typos>=30) masodik_mozog(); } function masodik_mozog() { if(document.layers) document.masodik.top=typos; else document.all.masodik.style.top=typos; typos+=tjump; if(typos>-92 && typos<30) setTimeout("masodik_mozog()", delay); } // eddig --> </SCRIPT>
Forrása:
<HEAD> </HEAD> közé másolnod:
<STYLE type="text/css"> <!-- #elsomenu { position: absolute; top: 0; left: 0; z-index: 1; } #elso { position: absolute; top: -120; left: 10; z-index: 0; } #masodikmenu { position: absolute; top: 0; left: 100; z-index: 1; } #masodik { position: absolute; top: -92; left: 110; z-index: 0; } --> </STYLE>
Forrása:
<BODY> </BODY> közé másolnod:
<DIV id="elsomenu"> <table width=100 height=30 bgcolor="#3399ff" cellspacing=0> <tr><td align="middle"><a href="javascript:do_elso()"><b>elso</b></a> </table> </DIV> <DIV id="masodikmenu"> <table width=100 height=30 bgcolor="#3399ff" cellspacing=0> <tr><td align="middle"><a href="javascript:do_masodik()"><b>masodik</b></a> </table> </DIV> <DIV id="elso"> <table bgcolor=ff8000 width=80 height=120 cellspacing=0> <tr><td>itt is <tr><td>ott is <tr><td>ez is <tr><td>az is </table> </DIV> <DIV id="masodik"> <table bgcolor=ff8000 width=80 height=90 cellspacing=0> <tr><td>herkentyű <tr><td>bizgentyű <tr><td>szerkentyű </table> </DIV>