Menu Code: Horizontal menu codes
Home > Javascript Menu > Bubble MenuNote: The bubble corner is not rounded for IE under version 9.
Styles:
Source Code:
- CSS Code
- Javascript Code
- HTML:
<div id="sse2">
<div id="sses2">
<ul>
<li><a href="?menu=2&skin=2&p=Javascript-Menus">Javascript Menus</a></li>
<li><a href="?menu=2&skin=2&p=Horizontal-Menus">Horizontal Menus</a></li>
<li><a href="?menu=2&skin=2&p=Web-Menus">Web Menus</a></li>
</ul>
</div>
</div> - Images:
mb2_2.gif:
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>