經(jīng)典DIV+CSS下拉菜單

1、經(jīng)典div+css下拉菜單符合web標(biāo)準(zhǔn)的css下拉導(dǎo)航菜單布局及css下拉菜單模板css下拉菜單樣式圖div+css下拉菜單樣式圖html源代碼 div+css css 產(chǎn)品一 產(chǎn)品一 產(chǎn)品一 產(chǎn)品一 產(chǎn)品一 css入門 入門一 入門二 入門二 入門二入門二 入門二入門二入門二 入門二 html基礎(chǔ) 基礎(chǔ)三 基礎(chǔ) 基礎(chǔ)三案例三 基礎(chǔ)三案例三案例三 div+css技巧 技巧四 技巧四 技巧四 技巧四111 div+css模板 css模板 模板 模板 模板模板 模板模板模板 模板模板 模板模板 模板模板模板模板 css手冊 div+css手冊 手冊 手冊 手冊 手冊 手冊手冊 手冊手冊手冊 cs

2、s 代碼及js代碼： /* css下拉菜單實(shí)例 */ *margin:0;padding:0;border:0 body font-family: arial, 宋體, serif; font-size:12px navline-height: 24px; list-style-type: none; background:666 nav adisplay: block; width: 80px; text-align:center nav a:link color:666; text-decoration:none nav a:visited color:666;text-decoratio

3、n:none nav a:hover color:fff;text-decoration:none;font-weight:bold nav lifloat: left; width: 80px; background:ccc nav li a:hover background:999 nav li ulline-height: 27px; list-style-type: none;text-align:left;left: -999em; width: 180px; position: absolute nav li ul lifloat: left; width: 180px;backg

4、round:efefef nav li ul adisplay: block; width: 156px;text-align:left;padding-left:24px; overflow:hidden nav li ul a:link color:666; text-decoration:none nav li ul a:visited color:666;text-decoration:none nav li ul a:hover color:f3f3f3;text-decoration:none;font-weight:normal;background:c00 nav li:hov

5、er ulleft: auto nav li.sfhover ulleft: auto contentclear: left function menufix() var sfels = document.getelementbyid("nav").getelementsbytagname("li"); for (var i=0; i0? " ": "") + "sfhover" sfelsi.onmousedown

6、=function() this.classname+=(this.classname.length>0? " ": "") + "sfhover" sfelsi.onmouseup=function() this.classname+=(this.classname.length>0? " ": "") + "sfhover" sfelsi.onmouseout=function() thisthis.classname=this.classname.replace(new regexp("( ?|)sfhoverb"), &