JavaScript

JavaScripti >> Menuji >> Krasen brezplastni menu

Opis:
Ko se postavite na povezavo se na menuju le ta obarava, kvadratek v kateri pa se nahaja pa se malce premakne v desno. To pa še ni vse, ob postavitvi na povezavo se bo opis te povezave izpisal v spodnjem delu menuja, ki je namenjen prav za to.

Primer:

Menu

JavaScripti

Besedila

Google

Smrkec.com

Undermuza

Dobrodošli na Smrkec.com...

Izvorna koda:

Korak 1 :
Ta del kode vstavite v <head> del strani:

<style> .BorderOn { width:90px; margin-left:10px; border:1px solid #456789 } .BorderOff { width:90px; margin-left:0px; border:1px solid #444444 } A.mBlue:link {color:#0000FF; text-decoration:none;} A.mBlue:visited {color:#0000FF; text-decoration:none;} A.mBlue:active {color:#0000FF; text-decoration:none;} A.mBlue:hover {color:#FF0000; text-decoration:underline;} A.mGreen:link {color:#00FF80; text-decoration:none;} A.mGreen:visited {color:#00FF80; text-decoration:none;} A.mGreen:active {color:#00FF80; text-decoration:none;} A.mGreen:hover {color:#FF0000; text-decoration:underline;} A.mYellow:link {color:#FFFF00; text-decoration:none;} A.mYellow:visited {color:#FFFF00; text-decoration:none;} A.mYellow:active {color:#FFFF00; text-decoration:none;} A.mYellow:hover {color:#FF0000; text-decoration:underline;} </style> <script language="JavaScript1.2"> offMessage = "Dobrodošli na Smrkec.com!" function boxOn(which,message){ if (document.all||document.getElementById){ which.className='BorderOn' if (document.getElementById) {document.getElementById("Message").innerHTML = message} else {Message.innerHTML = message} } } function boxOff(which){ if (document.all||document.getElementById){ which.className='BorderOff' if (document.getElementById) {document.getElementById("Message").innerHTML = offMessage} else {Message.innerHTML = offMessage} } } </script>

Korak 2:
Ta del kode vstavite v <body> del strani:

<table cellpadding="0" cellspacing="0" width="100"> <tr> <td align="center">  <table cellpadding="3" cellspacing="0" bgcolor="#000000" class="BorderOff"> <tr> <td><font color="#FEDCBA" size="2" face="Arial">Menu</font></td> </tr> </table> <img src="spacer.gif" width="5" height="5"><br>   <table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'Največja zbirka JavaScriptov v Sloveniji!')" onMouseout="boxOff(this)"> <tr> <td><font color="#00FF80" size="2" face="Arial"><a class="mBlue" href="http://www.smrkec.com/javascript.php" target="_blank">JavaScripti</a></font></td> </tr> </table> <img src="spacer.gif" width="2" height="2"><br>  <table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'Več kot 100 tujih in Slovenskih besedil!')" onMouseout="boxOff(this)"> <tr> <td><font color="#00FF80" size="2" face="Arial"><a class="mBlue" href="http://www.smrkec.com/besedila.php" target="_blank">Besedila</a></font></td> </tr> </table> <img src="spacer.gif" width="5" height="5"><br>  <table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'Najbolši iskalnik na svetu.')" onMouseout="boxOff(this)"> <tr> <td><font color="#00FF80" size="2" face="Arial"><a class="mBlue" href="http://www.google.com" target="_blank">Google</a></font></td> </tr> </table> <img src="spacer.gif" width="2" height="2"><br>  <table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'Mnogo stvari na enem mestu.')" onMouseout="boxOff(this)"> <tr> <td><font color="#00FF80" size="2" face="Arial"><a class="mBlue" href="http://www.smrkec.com" target="_blank">Smrkec.com</a></font></td> </tr> </table> <img src="spacer.gif" width="2" height="2"><br>  <table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'Underground portal.')" onMouseout="boxOff(this)"> <tr> <td><font color="#00FF80" size="2" face="Arial"><a class="mBlue" href="http://undermuza.afekt.net" target="_blank">Undermuza</a></font></td> </tr> </table> <img src="spacer.gif" width="5" height="5"><br>    <table cellpadding="1" cellspacing="0" bgcolor="#444444" width="90"> <tr> <td>  <table cellpadding="3" cellspacing="0" bgcolor="#000000" width="88" height="100"> <tr> <td align="left" valign="top"><font id="Message" color="#CBA987" size="2" face="Arial">Dobrodošli na Smrkec.com...</font></td> </tr> </table> </td> </tr> </table>  </td> </tr> </table>