Professional dropdown menu navigation

The menu in this series using javascript to write the  mouse hover states.

This menu also styles the path taken through the menu so that it works in IE5.x and IE6 as well as IE7 and all other browsers.

 

The javascript

 

* Credits: Stu Nicholls */
/* URL: http://www.stunicholls.com/menu/pro_dropdown_2/stuHover.js */

stuHover = function() {
 var cssRule;
 var newSelector;
 for (var i = 0; i < document.styleSheets.length; i++)
 for (var x = 0; x < document.styleSheets[i].rules.length ; x++)
 {
 cssRule = document.styleSheets[i].rules[x];
 if (cssRule.selectorText.indexOf("LI:hover") >= 0)
 {
 newSelector = cssRule.selectorText.replace(/LI:hover/gi, "LI.iehover");
 document.styleSheets[i].addRule(newSelector , cssRule.style.cssText);
 }
 }
 var getElm = document.getElementById("nav").getElementsByTagName("LI");
 for (var i=0; i<getElm.length; i++) {
 getElm[i].onmouseover=function() {
 this.className+=" iehover";
 }
 getElm[i].onmouseout=function() {
 this.className=this.className.replace(new RegExp(" iehover\\b"), "");
 }
 }
}
if (window.attachEvent) window.attachEvent("onload", stuHover);
 

If you cant Download or have any Suggestions please Contact us

Newer news items:
Older news items:

 

Recommended Web Hosting For Bloggers and Designers

I recoomended Webhostings for Bloggers and Designers because I am freelancer, working with thousand clients in the worlds. Most of them will use those hosts.

vinaora vinaora
Hostting Features:
  1. Fast, Reliable, Affordable
  2. 100% Satisfaction Guarantee
  3. And More...
Special: Reach at 20% discount and 100$ for google adwords

GET STARTED

Add comment


Security code
Refresh

vinaora

Popular News

Our Website Staff

Favourites links

may tinh bang | sim so dep

luxcen viet nam
thiết kế Website
lam seo website