|
|
Java menu script>Menu Make>Cool Table Menu
|
| Description: Add flare to your menu with Clarence's navigational script! Not only do
participating menu items receive a "highlight" effect when the mouse moves over
them, but also, a textual description of the containing link. Very cool, and degrades well
with all browsers. |
<style type="text/css">
<!--
.menu {font-family:Arial; font-weight:bold}
.menu a{
text-decoration:none;
color:black;
}
-->
</style>
<script language="javascript">
<!--
/*
Cool Table Menu
By Clarence Eldefors (http://www.freebox.com/cereweb) with modifications from
javascriptkit.com
Visit http://javascriptkit.com for this and over 400+ other scripts
*/
function movein(which,html){
which.style.background='coral'
if (document.getElementById)
document.getElementById("boxdescription").innerHTML=html
else
boxdescription.innerHTML=html
}
function moveout(which){
which.style.background='bisque'
if (document.getElementById)
document.getElementById("boxdescription").innerHTML=' '
else
boxdescription.innerHTML=' '
}
//-->
</script><table bgcolor="black" border="1"
bordercolor="ivory" cellpadding="2" cellspacing="0">
<tr>
<td class="menu" bordercolor="black" id="choice1"
style="background-color:bisque; cursor:hand" onmouseover="movein(this,'The
#1 DHTML site online')" onmouseout="moveout(this)"">
<a href="http://www.dynamicdrive.com">Dynamic
Drive</a></td></tr>
<td class="menu" bordercolor="black" id="choice2"
style="background-color:bisque; cursor:hand" onmouseover="movein(this,'Free
Java applets')" onmouseout="moveout(this)">
<a
href="http://freewarejava.com">Freewarejava.com</a></td></tr>
<td class="menu" bordercolor="black" id="choice3"
style="background-color:bisque; cursor:hand" onmouseover="movein(this,'Free
webmaster resources')" onmouseout="moveout(this)"><a
href="http://www.freebox.com/cereweb/">Cerebus Web
Resources</a></td></tr>
<td class="menu" bordercolor="black" id="choice4"
style="background-color:bisque; cursor:hand"
onmouseover="movein(this,'Resources to build your site')"
onmouseout="moveout(this)"><a
href="http://www.sitepoint.com">SitePoint.com</a></td></tr>
<tr>
<td bordercolor="black" bgcolor="ivory"
height="18"><font id="boxdescription" face="Verdana"
size="2"></font></td></tr>
</table>
<p><font face="arial" size="-2">This free script provided
by</font><br>
<font face="arial, helvetica" size="-2"><a
href="http://javascriptkit.com">JavaScript
Kit</a></font></p> |
|
|
|
|
