Menu Code: Horizontal menu codes
Home > Javascript Menu > Multi-Color MenuStyles:
You can easily change the colors through the Javascript. Please see the comments in the JavaScript for more details.
Source Code:
- CSS Code
- Javascript Code
- HTML:
<div id="sse60">
<div id="sses60">
<ul>
<li><a href="?menu=60&skin=1&p=Javascript-Menus">Javascript Menus</a></li>
<li><a href="?menu=60&skin=1&p=Horizontal-Menus">Horizontal Menus</a></li>
<li><a href="?menu=60&skin=1&p=Web-Menus">Web Menus</a></li>
</ul>
</div>
</div> - Images:
None
Note: The menu item that matches current url will be highlighted. If current url is
a pure domain without any specific page name, e.g. http://www.(your domain).com,
the first menu item will be highlighted. If that is not what you expected, you can:
- Option 1: If the pure domain should match another menu item other than the first
one, you can add maptopuredomain="true" attribute to that item. i.e.:
<li><a href="?menu=1&skin=1&p=5" maptopuredomain="true">Milo</a></li> - Option 2: If none of the menu items should be matched to the pure domain, you can
add maptopuredomain="false" attribute to the first item:
<li><a href="?menu=1&skin=1&p=1" maptopuredomain="false">Home</a></li>