Tip: you can modify some code before running
Js drop-down menu style code<style>#pad {height:100px;}#menuPositioner {width:100%; position:relative; float:left; top:-40px; margin-bottom:-40px; }#menuHolder {position:relative; float:left; left:50%;}#menu, #menu ul {padding:0; margin:0; list-style:none; font: 12px arial, verdana, sans-serif; background:url(yun_qi_img/trans.gif); position:relative; z-index:100;}#menu {height:40px; float:left; padding:0; background:#4b4d3f; position:relative; right:50%;}#menu ul {position:absolute; left:-9999px; top:-9999px;}#menu table {border-collapse:collapse; margin:-1px; padding:0; width:0; height:0;}#menu li {float:left;}#menu li a {display:block; float:left; color:#fff; height:40px; padding:0 20px 0 0; line-height:38px; text-decoration:none; background:url(yun_qi_img/button1.gifa.gif) no-repeat right top;}#menu li a.sub {background:url(yun_qi_img/button3a.gif) no-repeat right top;}#menu li a b {display:block; float:left; height:40px; background:url(yun_qi_img/button1.gif.gif) left top; padding:0 0 0 20px; cursor:pointer;}#menu li:hover {position:relative; z-index:100;}#menu a:hover {position:relative; z-index:100; color:#fc0;}#menu a.sub:hover {background:url(yun_qi_img/button3.gif) no-repeat right top;}#menu li:hover > a {color:#fc0;}#menu li:hover > a.sub {background:url(yun_qi_img/button3.gif) no-repeat right top;}#menu :hover ul {left:0; top:40px; z-index:300; width:130px; padding-top:4px; background:url(yun_qi_img/trans.gif);}#menu :hover ul li a {height:25px; width:120px; padding:0 0 0 10px; line-height:25px; background:#546775; color:#fff; border-bottom:1px solid #a3b6c4; font-size:11px;}#menu :hover ul li a.fly {background:#546775 url(yun_qi_img/fly.gif) no-repeat right center;}#menu :hover ul li a:hover {color:#fc0;}#menu :hover ul li a:hover.fly {background:#546775 url(yun_qi_img/fly-over.gif) no-repeat right center;}#menu :hover ul li:hover > a {color:#fc0;}#menu :hover ul li:hover > a.fly {background:#546775 url(yun_qi_img/fly-over.gif) no-repeat right center;}#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px;}#menu :hover ul :hover ul {left:117px; top:0; padding:0;}#menu :hover ul :hover ul li a {background:#a3b6c4; color:#000; border-bottom:1px solid #546775; font-size:11px;}#menu :hover ul :hover ul li a:hover {color:#fff;}</style><div id="menuPositioner"><div id="menuHolder"><ul id="menu"><li><b>Home</b></li><li><b>Single Level</b></li><li class="current"><b>Dropdown</b><!--[if gte IE 7]><!--><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]--><ul class="sub1"><li>Dropdown one<!--[if gte IE 7]><!--><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]--><ul class="fly1"><li>Drop down 1.1</li><li>Drop down 1.2</li><li>Drop down 1.3</li><li>Drop down 1.4</li><li>Drop down 1.5</li><li>Drop down 1.6</li></ul><!--[if lte IE 6]></td></tr></table><![endif]--></li><li class="currentsub">Dropdown two<!--[if gte IE 7]><!--><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]--><ul class="fly2"><li>Drop down 2.1</li><li>Drop down 2.2</li><li class="currentfly">Drop down 2.3</li><li>Drop down 2.4</li><li>Drop down 2.5</li></ul><!--[if lte IE 6]></td></tr></table><![endif]--></li><li>Dropdown three</li><li>Dropdown four</li><li>Dropdown five<!--[if gte IE 7]><!--><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]--><ul class="fly3"><li>Drop down 5.1</li><li>Drop down 2.2</li><li>Drop down 3.3</li></ul><!--[if lte IE 6]></td></tr></table><![endif]--></li></ul><!--[if lte IE 6]></td></tr></table><![endif]--></li><li><b>Dropline</b><!--[if gte IE 7]><!--><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]--><ul class="sub2"><li>Dropline one</li><li>Dropline two</li><li>Dropline three</li><li>Dropline four</li><li>Dropline five</li><li>Dropline six</li></ul><!--[if lte IE 6]></td></tr></table><![endif]--></li><li><b>Flyout</b><!--[if gte IE 7]><!--><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]--><ul class="sub3"><li>Flyout one</li><li>Flyout two</li><li>Flyout three</li><li>Flyout four</li></ul><!--[if lte IE 6]></td></tr></table><![endif]--></li><li id="support"><b>Support</b></li><li id="contact"><b>Contact</b></li></ul></div></div>
Tip: you can modify some code before running
