html导航栏横向展开 横向三级展开的CSS菜单

横向三级展开的CSS菜单

#nav,

#nav ul {float:left; padding:0 0 5px 0; margin:0; list-style:none; font: 10px verdana, sans-serif; border:1px solid #000; border-color:#cea #9b7 #8a6 #deb; border-width:1px 2px 2px 1px; background:#fff; position:relative; z-index:200;}

#nav li li {background:#fff;}

* html #nav li {float:left;}

#nav li a {display:block; color:#888; margin:0 25px 0 10px; height:20px; line-height:20px; text-decoration:none; white-space:nowrap;}

#nav li:hover {position:relative; z-index:300;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}

* html #nav, * html nav ul {width:1px;}

#nav li:hover > ul {left:-15px; margin-left:100%; top:-1px;}

#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}

#nav li:hover > a {text-decoration:underline; color:#7b5;}

#nav li:hover ul,

#nav li:hover li:hover ul,

#nav li:hover li:hover li:hover ul,

#nav li:hover li:hover li:hover li:hover ul,

#nav li:hover li:hover li:hover li:hover li:hover ul

{left:-15px; margin-left:100%; top:-1px;}

#nav li:hover ul ul,

#nav li:hover li:hover ul ul,

#nav li:hover li:hover li:hover ul ul,

#nav li:hover li:hover li:hover li:hover ul ul

{position:absolute; left:-9999px; top:-9999px;}

#nav li:hover a,

#nav li:hover li:hover a,

#nav li:hover li:hover li:hover a,

#nav li:hover li:hover li:hover li:hover a,

#nav li:hover li:hover li:hover li:hover li:hover a,

#nav li:hover li:hover li:hover li:hover li:hover li:hover a

{text-decoration:underline; color:#7b5;}

#nav li:hover li a,

#nav li:hover li:hover li a,

#nav li:hover li:hover li:hover li a,

#nav li:hover li:hover li:hover li:hover li a,

#nav li:hover li:hover li:hover li:hover li:hover li a

{text-decoration:none; color:#888;}

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") != -1)

{

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[i].οnmοuseοver=function() {

this.className+=" iehover";

}

getElm[i].οnmοuseοut=function() {

this.className=this.className.replace(new RegExp(" iehover\\b"), "");

}

}

}

if (window.attachEvent) window.attachEvent("onload", stuHover);

HomeAbout us »Who we areWhat we doProducts »Tripods »MonopodsAdjutable headFixedFilms »35mmColor PrintColor SlideCameras »Compact »CanonNikonDigital »CanonNikon »Lenses »StandardMacroSpeedlightCoolpix »Coolpix S10Coolpix S500D200D80MinoltaPentaxSLR »CanonNikonFlashVideoFAQs »CamerasFilm typesPrivacy »Privacy PolicyPrivacy StatementContact us