css下拉菜单演示<br><!--<br />* {マージン:0;パディング:0;境界線:0; }<br />body { font-family: arial、宋体、serif;フォントサイズ:12px; }<br />#nav {行の高さ: 24px;リストスタイルタイプ: なし;背景:#666; }<br />#nav a { 表示: ブロック;幅: 80ピクセル;テキスト整列:中央; }<br />#nav a:link { color:#666;テキスト装飾:なし; }<br />#nav a:visited { color:#666;テキスト装飾:なし; }<br />#nav a:hover { color:#FFF;テキスト装飾:なし;フォントの太さ:太字; }<br />#nav li { float: left;幅: 80ピクセル;背景:#CCC; }<br />#nav li a:hover {background:#999; }<br />#nav li ul { line-height: 27px;リストスタイルタイプ: なし;テキスト整列:左;左: -999em;幅: 180ピクセル;位置: 絶対; }<br />#nav li ul li { float: left;幅: 180ピクセル;背景: #F6F6F6; }<br />#nav li ul a {表示: ブロック;幅: 180ピクセル;幅: 156ピクセル;テキスト整列:左;パディング左:24px; }<br />#nav li ul a:link { color:#666;テキスト装飾:なし; }<br />#nav li ul a:visited { color:#666;テキスト装飾:なし; }<br />#nav li ul a:hover { color:#F3F3F3;テキスト装飾:なし;フォントの太さ:標準;背景:#C00; }<br />#nav li:hover ul {左:自動; }<br />#nav li.sfhover ul { 左: 自動; }<br />#content {クリア: 左; }<br />--><br /><!--//--><![CDATA[//><!--<br />function] menuFix() {<br /> var sfEls = document.getElementById("nav").getElementsByTagName("li");<br /> for (var i=0; i<sfEls.length; i++) {<br /> sfEls[i].onmouseover=function () {<br /> this.className+=(this.className.length>0? " ": "") + "sfhover";<br /> }<br /> sfEls[i].onMouseDown=function() {<br /> this.className+=(this. className.length>0? " ": ") + "sfhover";<br /> }<br /> sfEls[i].onMouseUp=function() {<br /> this.className+=(this.className.length>0? " ": "" ) + "sfhover";<br /> }<br /> sfEls[i].onmouseout=function() {<br /> this.className=this.className.replace(new RegExp("( ?|^)sfhover\b"),</p> <p>"" );<br /> }<br /> }<br />}<br />window.onload=menuFix;</p><p>//--><!]]> 产品介绍 产品一 产品一 产品一 製品一 製品一< /li> 商品一 服务介绍 服务二 服务二 服务二 服务二服务二 服务二服务二 服务二 成功案例 gt; 案例３< /li> 案例 案例三< /a> 案例三案例三gt; ; 关用我们 我们四 我们四 我们四< ;/a> 我们四111 < ;li>在線上演示 演示 演技 演技< /li> 演技演技演技 演技演技演技< ;/a> 演技演技 連絡先連絡先 連絡先 / li> 連絡先連絡先 連絡先連絡先
