Excellence WebMenu Maker
htmlship1_ad.gif (6211 字节)
HtmlShip
 
Excellence Html Compress
 
OO Picture Game
Hot Software
Wav to mp3 Software
Excellence Killer
Hot Link
Uxiu Software
WebPictures Downloader

Java menu script>Menu Make>CSS Menu highlight

Description: "Highlight" your menu links as the mouse moves over them using this CSS powered script! Thanks to CSS, the effect is very customizable, efficient, does not rely on script, and finally, very small in file size. Visible in IE4+, NS6+, Opera 6/Mozilla, and degrades well with the rest. A good illustration of what CSS alone can accomplish.
<style>
A.menulink {
display: block;
width: 198px;
text-align: left;
text-decoration: none;
font-family:arial;
font-size:12px;
color: #000000;
BORDER: none;
border: solid 1px #FFFFFF;
}

A.menulink:hover {
border: solid 1px #6100C1;
background-color:#F0E1FF;
}

</style>

<script>

/*
CSS Menu highlight- By Marc Boussard (marc.boussard@syntegra.fr)
Modified by DD for NS4 compatibility
Visit http://www.dynamicdrive.com for this script
*/

var ns4class=''
</script>

<table border="0" width=198>
<tr>
<td width="100%" bgcolor="#E6E6E6"><b>Main Menu (CSS)<b></td>
<tr>
<td width="100%"><a href="http://www.javascriptkit.com" class="menulink" class=&{ns4class};>JavaScript Kit</a></td>
</tr>
<tr>
<td width="100%"><a href="http://freewarejava.com" class="menulink" class=&{ns4class};>Freewarejava.com</a></td>
</tr>
<tr>
<td width="100%"><a href="http://www.codingforums.com" class="menulink" class==&{ns4class};>CodingForums.com</a></td>
</tr>
<tr>
<td width="100%"><a href="http://news.bbc.co.uk" class="menulink" class=&{ns4class};>BBC News</a></td>
</tr>
</table>

 

 

Copyright © 2002-2003 Excellence Software, Inc.All rights reserved.