CSS二级菜单（横向）兼容IE6、IE7、FF浏览器代码,Css代码库,德仔网

代码语言
代码分类
【Css】 CSS二级菜单（横向）兼容IE6、IE7、FF浏览器
作者:Dezai.CN / 发布于2012/4/17/ 930
CSS二级菜单（横向）兼容IE6、IE7、FF浏览器
<div>
<div class="container">
<div class="line number1 index0 alt2">"html plain"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd</a>"></div>
<div class="line number2 index1 alt1">"html plain"><"html keyword">html "html color1">xmlns"html plain">="html string">"<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>""html plain">></div>
<div class="line number3 index2 alt2">"html plain"><"html keyword">head"html plain">></div>
<div class="line number4 index3 alt1">"html plain"><"html keyword">meta "html color1">http-equiv"html plain">="html string">"Content-Type" "html color1">content"html plain">="html string">"text/html; charset=utf-8" "html plain">/></div>
<div class="line number5 index4 alt2">"html plain"><"html keyword">title"html plain">><a href="http://hi.baidu.com/cyaning">http://hi.baidu.com/cyaning</a></"html keyword">title"html plain">></div>
<div class="line number6 index5 alt1">"html plain"><"html keyword">style "html color1">type"html plain">="html string">"text/css""html plain">></div>
<div class="line number7 index6 alt2">"html comments"><!--</div>
<div class="line number8 index7 alt1">"html comments">*{margin:0;padding:0;border:0;}</div>
<div class="line number9 index8 alt2">"html comments">body {font-family: 宋体;font-size:12px;}</div>
<div class="line number10 index9 alt1">"html comments">#nav {line-height: 24px;list-style-type: none;background:#666;}</div>
<div class="line number11 index10 alt2">"html comments">#nav a {display: block;width: 80px;text-align:center;}</div>
<div class="line number12 index11 alt1">"html comments">#nav a:link {color:#666;text-decoration:none;}</div>
<div class="line number13 index12 alt2">"html comments">#nav a:visited {color:#666;text-decoration:none;}</div>
<div class="line number14 index13 alt1">"html comments">#nav a:hover {color:#FFF;text-decoration:none;}</div>
<div class="line number15 index14 alt2">"html comments">#nav li {float: left;width: 80px;background:#ddd;}</div>
<div class="line number16 index15 alt1">"html comments">#nav li a:hover{background:#999;}</div>
<div class="line number17 index16 alt2">"html comments">#nav li ul {line-height: 27px;list-style-type: none;text-align:left;left: -999em;width: 980px;position: absolute;float:left;}</div>
<div class="line number18 index17 alt1">"html comments">#nav li ul li{float: left;width: 80px;background: #F6F6F6;}</div>
<div class="line number19 index18 alt2">"html comments">#nav li ul a{display: block;width: 80px;text-align:center;}</div>
<div class="line number20 index19 alt1">"html comments">#nav li ul a:link {color:#666;text-decoration:none;}</div>
<div class="line number21 index20 alt2">"html comments">#nav li ul a:visited {color:#666;text-decoration:none;}</div>
<div class="line number22 index21 alt1">"html comments">#nav li ul a:hover {color:#F3F3F3;text-decoration:none;font-weight:normal;background:#C00;}</div>
<div class="line number23 index22 alt2">"html comments">#nav li:hover ul {left: 0;}</div>
<div class="line number24 index23 alt1">"html comments">#nav li.sfhover ul {left: 0;}</div>
<div class="line number25 index24 alt2">"html comments">--></div>
<div class="line number26 index25 alt1">"html plain"></"html keyword">style"html plain">></div>
<div class="line number27 index26 alt2">"html plain"><"html keyword">script "html color1">type"html plain">="html string">text"html plain">/javascript></div>
<div class="line number28 index27 alt1">"html plain">function menuFix()</div>
<div class="line number29 index28 alt2">"html plain">{var sfEls = document.getElementById("nav").getElementsByTagName("li");for (var i=0;i<"html keyword">sfEls.length"html plain">;i++) </div>
<div class="line number30 index29 alt1">"html spaces">   "html plain">{sfEls[i]"html color1">.onmouseover"html plain">="html string">function"html plain">() {this.className+=(this.className.length>0? " ": "") + "sfhover";}</div>
<div class="line number31 index30 alt2">"html spaces">    "html plain">sfEls[i].onMouseDown=function() {this.className+=(this.className.length>0? " ": "") + "sfhover";}</div>
<div class="line number32 index31 alt1">"html spaces">    "html plain">sfEls[i].onMouseUp=function() {this.className+=(this.className.length>0? " ": "") + "sfhover";}</div>
<div class="line number33 index32 alt2">"html spaces">    "html plain">sfEls[i].onmouseout=function() {this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"), "");}</div>
<div class="line number34 index33 alt1">"html spaces">   "html plain">}</div>
<div class="line number35 index34 alt2">"html plain">}</div>
<div class="line number36 index35 alt1">"html plain">window.onload=menuFix;</div>
<div class="line number37 index36 alt2">"html plain"></"html keyword">script"html plain">></div>
<div class="line number38 index37 alt1">"html plain"></"html keyword">head"html plain">></div>
<div class="line number39 index38 alt2"></div>
<div class="line number40 index39 alt1">"html plain"><"html keyword">body"html plain">></div>
<div class="line number41 index40 alt2">"html plain"><"html keyword">ul "html color1">id"html plain">="html string">"nav""html plain">></div>
<div class="line number42 index41 alt1">"html plain"><"html keyword">li"html plain">><"html keyword">a "html color1">href"html plain">="html string">"#""html plain">>产品介绍</"html keyword">a"html plain">></div>
<div class="line number43 index42 alt2">"html spaces">   "html plain"><"html keyword">ul"html plain">></div>
<div class="line number44 index43 alt1">"html spaces">   "html plain"><"html keyword">li"html plain">><"html keyword">a "html color1">href"html plain">="html string">"#""html plain">>产品一</"html keyword">a"html plain">></"html keyword">li"html plain">></div>
<div class="line number45 index44 alt2">"html spaces">   "html plain"><"html keyword">li"html plain">><"html keyword">a "html color1">href"html plain">="html string">"#""html plain">>产品一</"html keyword">a"html plain">></"html keyword">li"html plain">></div>
<div class="line number46 index45 alt1">"html spaces">   "html plain"><"html keyword">li"html plain">><"html keyword">a "html color1">href"html plain">="html string">"#""html plain">>产品一</"html keyword">a"html plain">></"html keyword">li"html plain">></div>
<div class="line number47 index46 alt2">"html spaces">   "html plain"><"html keyword">li"html plain">><"html keyword">a "html color1">href"html plain">="html string">"#""html plain">>产品一</"html keyword">a"html plain">></"html keyword">li"html plain">></div>
<div class="line number48 index47 alt1">"html spaces">   "html plain"><"html keyword">li"html plain">><"html keyword">a "html color1">href"html plain">="html string">"#""html plain">>产品一</"html keyword">a"html plain">></"html keyword">li"html plain">></div>
<div class="line number49 index48 alt2">"html spaces">   "html plain"><"html keyword">li"html plain">><"html keyword">a "html color1">href"html plain">="html string">"#""html plain">>产品一</"html keyword">a"html plain">></"html keyword">li"html plain">></div>
<div class="line number50 index49 alt1">"html spaces">   "html plain"></"html keyword">ul"html plain">></div>
<div class="line number51 index50 alt2">"html plain"></"html keyword">li"html plain">></div>
<div class="line number52 index51 alt1">"html plain"><"html keyword">li"html plain">><"html keyword">a "html color1">href"html plain">="html string">"#""html plain">>服务介绍</"html keyword">a"html plain">></div>
<div class="line number53 index52 alt2">"html spaces">   "html plain"><"html keyword">ul"html plain">></div>
<div class="line number54 index53 alt1">"html spaces">   "html plain"><"html keyword">li"html plain">><"html keyword">a "html color1">href"html plain">="html string">"#""html plain">>服务二</"html keyword">a"html plain">></"html keyword">li"html plain">></div>
<div class="line number55 index54 alt2">"html spaces">   "html plain"><"html keyword">li"html plain">><"html keyword">a "html color1">href"html plain">="html string">"#""html plain">>服务二</"html keyword">a"html plain">></"html keyword">li"html plain">></div>
<div class="line number56 index55 alt1">"html spaces">   "html plain"><"html keyword">li"html plain">><"html keyword">a "html color1">href"html plain">="html string">"#""html plain">>服务二</"html keyword">a"html plain">></"html keyword">li"html plain">></div>
<div class="line number57 index56 alt2">"html spaces">   "html plain"><"html keyword">li"html plain">><"html keyword">a "html color1">href"html plain">="html string">"#""html plain">>服务二服</"html keyword">a"html plain">></"html keyword">li"html plain">></div>
<div class="line number58 index57 alt1">"html spaces">   "html plain"><"html keyword">li"html plain">><"html keyword">a "html color1">href"html plain">="html string">"#""html plain">>服务二服</"html keyword">a"html plain">></"html keyword">li"html plain">></div>
<div class="line number59 index58 alt2">"html spaces">   "html plain"><"html keyword">li"html plain">><"html keyword">a "html color1">href"html plain">="html string">"#""html plain">>服务二</"html keyword">a"html plain">></"html keyword">li"html plain">></div>
<div class="line number60 index59 alt1">"html spaces">   "html plain"></"html keyword">ul"html plain">></div>
<div class="line number61 index60 alt2">"html plain"></"html keyword">li"html plain">></div>
<div class="line number62 index61 alt1">"html plain"><"html keyword">li"html plain">><"html keyword">a "html color1">href"html plain">="html string">"#""html plain">>成功案例</"html keyword">a"html plain">></div>
<div class="line number63 index62 alt2">"html spaces">   "html plain"><"html keyword">ul"html plain">></div>
<div class="line number64 index63 alt1">"html spaces">   "html plain"><"html keyword">li"html plain">><"html keyword">a "html color1">href"html plain">="html string">"#""html plain">>案例三</"html keyword">a"html plain">></"html keyword">li"html plain">></div>
<div class="line number65 index64 alt2">"html spaces">   "html plain"><"html keyword">li"html plain">><"html keyword">a "html color1">href"html plain">="html string">"#""html plain">>案例</"html keyword">a"html plain">></"html keyword">li"html plain">></div>
<div class="line number66 index65 alt1">"html spaces">   "html plain"><"html keyword">li"html plain">><"html keyword">a "html color1">href"html plain">="html string">"#""html plain">>案例三案</"html keyword">a"html plain">></"html keyword">li"html plain">></div>
<div class="line number67 index66 alt2">"html spaces">   "html plain"><"html keyword">li"html plain">><"html keyword">a "html color1">href"html plain">="html string">"#""html plain">>案例三案</"html keyword">a"html plain">></"html keyword">li"html plain">></div>
<div class="line number68 index67 alt1">"html spaces">   "html plain"></"html keyword">ul"html plain">></div>
<div class="line number69 index68 alt2">"html plain"></"html keyword">li"html plain">></div>
<div class="line number70 index69 alt1">"html plain"><"html keyword">li"html plain">><"html keyword">a "html color1">href"html plain">="html string">"#""html plain">>关于我们</"html keyword">a"html plain">></div>
<div class="line number71 index70 alt2">"html spaces">   "html plain"><"html keyword">ul"html plain">></div>
<div class="line number72 index71 alt1">"html spaces">   "html plain"><"html keyword">li"html plain">><"html keyword">a "html color1">href"html plain">="html string">"#""html plain">>我们四</"html keyword">a"html plain">></"html keyword">li"html plain">></div>
<div class="line number73 index72 alt2">"html spaces">   "html plain"><"html keyword">li"html plain">><"html keyword">a "html color1">href"html plain">="html string">"#""html plain">>我们四</"html keyword">a"html plain">></"html keyword">li"html plain">></div>
<div class="line number74 index73 alt1">"html spaces">   "html plain"><"html keyword">li"html plain">><"html keyword">a "html color1">href"html plain">="html string">"#""html plain">>我们四</"html keyword">a"html plain">></"html keyword">li"html plain">></div>
<div class="line number75 index74 alt2">"html spaces">   "html plain"><"html keyword">li"html plain">><"html keyword">a "html color1">href"html plain">="html string">"#""html plain">>我们四111</"html keyword">a"html plain">></"html keyword">li"html plain">></div>
<div class="line number76 index75 alt1">"html spaces">   "html plain"></"html keyword">ul"html plain">></div>
<div class="line number77 index76 alt2">"html plain"></"html keyword">li"html plain">></div>
<div class="line number78 index77 alt1">"html plain"><"html keyword">li"html plain">><"html keyword">a "html color1">href"html plain">="html string">"#""html plain">>在线演示</"html keyword">a"html plain">></div>
<div class="line number79 index78 alt2">"html spaces">   "html plain"><"html keyword">ul"html plain">></div>
<div class="line number80 index79 alt1">"html spaces">   "html plain"><"html keyword">li"html plain">><"html keyword">a "html color1">href"html plain">="html string">"#""html plain">>演示</"html keyword">a"html plain">></"html keyword">li"html plain">></div>
<div class="line number81 index80 alt2">"html spaces">   "html plain"><"html keyword">li"html plain">><"html keyword">a "html color1">href"html plain">="html string">"#""html plain">>演示</"html keyword">a"html plain">></"html keyword">li"html plain">></div>
<div class="line number82 index81 alt1">"html spaces">   "html plain"><"html keyword">li"html plain">><"html keyword">a "html color1">href"html plain">="html string">"#""html plain">>演示</"html keyword">a"html plain">></"html keyword">li"html plain">></div>
<div class="line number83 index82 alt2">"html spaces">   "html plain"><"html keyword">li"html plain">><"html keyword">a "html color1">href"html plain">="html string">"#""html plain">>演示演示</"html keyword">a"html plain">></"html keyword">li"html plain">></div>
<div class="line number84 index83 alt1">"html spaces">   "html plain"><"html keyword">li"html plain">><"html keyword">a "html color1">href"html plain">="html string">"#""html plain">>演示演示</"html keyword">a"html plain">></"html keyword">li"html plain">></div>
<div class="line number85 index84 alt2">"html spaces">   "html plain"><"html keyword">li"html plain">><"html keyword">a "html color1">href"html plain">="html string">"#""html plain">>演示演示</"html keyword">a"html plain">></"html keyword">li"html plain">></div>
<div class="line number86 index85 alt1">"html spaces">   "html plain"><"html keyword">li"html plain">><"html keyword">a "html color1">href"html plain">="html string">"#""html plain">>演示演示</"html keyword">a"html plain">></"html keyword">li"html plain">></div>
<div class="line number87 index86 alt2">"html spaces">   "html plain"><"html keyword">li"html plain">><"html keyword">a "html color1">href"html plain">="html string">"#""html plain">>演示演示</"html keyword">a"html plain">></"html keyword">li"html plain">></div>
<div class="line number88 index87 alt1">"html spaces">   "html plain"></"html keyword">ul"html plain">></div>
<div class="line number89 index88 alt2">"html plain"></"html keyword">li"html plain">></div>
<div class="line number90 index89 alt1">"html plain"><"html keyword">li"html plain">><"html keyword">a "html color1">href"html plain">="html string">"#""html plain">>联系我们</"html keyword">a"html plain">></div>
<div class="line number91 index90 alt2">"html spaces">   "html plain"><"html keyword">ul"html plain">></div>
<div class="line number92 index91 alt1">"html spaces">   "html plain"><"html keyword">li"html plain">><"html keyword">a "html color1">href"html plain">="html string">"#""html plain">>联系联系</"html keyword">a"html plain">></"html keyword">li"html plain">></div>
<div class="line number93 index92 alt2">"html spaces">   "html plain"><"html keyword">li"html plain">><"html keyword">a "html color1">href"html plain">="html string">"#""html plain">>联系联系</"html keyword">a"html plain">></"html keyword">li"html plain">></div>
<div class="line number94 index93 alt1">"html spaces">   "html plain"><"html keyword">li"html plain">><"html keyword">a "html color1">href"html plain">="html string">"#""html plain">>联系</"html keyword">a"html plain">></"html keyword">li"html plain">></div>
<div class="line number95 index94 alt2">"html spaces">   "html plain"><"html keyword">li"html plain">><"html keyword">a "html color1">href"html plain">="html string">"#""html plain">>联系联系</"html keyword">a"html plain">></"html keyword">li"html plain">></div>
<div class="line number96 index95 alt1">"html spaces">   "html plain"><"html keyword">li"html plain">><"html keyword">a "html color1">href"html plain">="html string">"#""html plain">>联系联系</"html keyword">a"html plain">></"html keyword">li"html plain">></div>
<div class="line number97 index96 alt2">"html spaces">   "html plain"><"html keyword">li"html plain">><"html keyword">a "html color1">href"html plain">="html string">"#""html plain">>联系联系</"html keyword">a"html plain">></"html keyword">li"html plain">></div>
<div class="line number98 index97 alt1">"html spaces">   "html plain"><"html keyword">li"html plain">><"html keyword">a "html color1">href"html plain">="html string">"#""html plain">>联系联系</"html keyword">a"html plain">></"html keyword">li"html plain">></div>
<div class="line number99 index98 alt2">"html spaces">   "html plain"></"html keyword">ul"html plain">></div>
<div class="line number100 index99 alt1">"html plain"></"html keyword">li"html plain">></div>
<div class="line number101 index100 alt2">"html plain"></"html keyword">ul"html plain">></div>
<div class="line number102 index101 alt1">"html plain"></"html keyword">body"html plain">></div>
<div class="line number103 index102 alt2">"html plain"></"html keyword">html"html plain">></div>
</div>
</div>
试试其它关键字
　CSS二级菜单　
同语言下
可能有用的
Dezai.CN贡献的其它代码(4037)