WebTechnologie - ukázkové skripty PHP, XHTML, JavaScript, CSS... (c) Scorpions.cz

HOME SKRIPTY
Menu-popisky a efekty
Normální položka
Zobrazeno: 7102

Popis: Docela pěkný ohňostroj na stránce.
Funkčnost: IE 5.5 a vyššie, Mozzila Firefox, Opera
Hodnocení: ****
Následující kód si vložte mezi tagy <HEAD> a </HEAD>.

<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:#00CCFF; text-decoration:none;}
A.mBlue:visited   {color:#00CCFF; text-decoration:none;}
A.mBlue:active    {color:#00CCFF; 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">
<!-- Begin
offMessage = "VYBÍREJTE DÁL!"
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;
      }
   }
}
//  End -->
</script>

Následující kód si vložte mezi tagy <BODY> a </BODY>.

<table cellpadding="0" cellspacing="0" width="100">
<tr>
<td align="center">
<table cellpadding="3" cellspacing="0" bgcolor="#000000" class="BorderOff">
<tr>
<td>
<font face="Arial" size="2" color="#FEDCBA">NADPIS MENU</font>
</td>
</tr>
</table>
<table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'POPIS ODKAZU 1')" onMouseout="boxOff(this)">
<tr>
<td>
<font color="#00FF80" size="2" face="Arial"><a class="mBlue" href="http://" target="_blank">
ODKAZ 1</a></font>
</td>
</tr>
</table>  
<table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'POPIS ODKAZU 2')" onMouseout="boxOff(this)">
<tr>
<td>
<font color="#00FF80" size="2" face="Arial"><a class="mBlue" href="http://" target="_blank">ODKAZ 2</a></font>
</td>
</tr>
</table>
<table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'POPIS ODKAZU 3')" onMouseout="boxOff(this)">  
<tr>
<td>
<font color="#00FF80" size="2" face="Arial"><a class="mGreen" href="http://" target="_blank">ODKAZ 3</a></font>
</td>
</tr>
</table>
<table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'POPIS ODKAZU 4')" onMouseout="boxOff(this)">  
<tr>
<td>
<font color="#00FF80" size="2" face="Arial"><a class="mYellow" href="http://" target="_blank">ODKAZ 4</a></font>
</td>
</tr>
</table>
<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">TEXT 1</font>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>