Tip: you can modify some code before running
<ul id="menu"><li id="home"><b>Home</b></li><li id="single"><b>Single Level</b></li><li id="dropdown"><b>Dropdown</b></li><li id="dropline"><b>Dropline</b></li><li id="flyout"><b>Flyout</b></li><li id="support"><b>Support</b></li><li id="contact"><b>Contact</b></li></ul><style type="text/css"># Pad {height: 140px ;}# menu {padding: 0; margin: 0; list-style: none ;}# menu li {float: left; margin-left: 1px; padding-top: 2px;} # menu li a {display: block; height: 38px; line-height: 38px; padding: 0 20px 0 0; float: left; background: url (/blog/upload/image/200912224801.gif) no-repeat right top; color: #000; text-decoration: none ;}# menu li a B {display: block; height: 38px; float: left; padding: 0 0 20px; background: url (/blog/upload/image/200912224827.gif) left top; cursor: pointer;} # menu li: hover ,. home # menu li # home ,. single # menu li # single ,. dropdown # menu li # dropdown ,. dropline # menu li # dropline ,. flyout # menu li # flyout ,. support # menu li # support ,. contact # menu li # contact a {background-position: right-51px; margin-top:-2px; height: 40px ;}# menu li a: hover B ,. home # menu li # home a B ,. single # menu li # single a B ,. dropdown # menu li # dropdown a B ,. dropline # menu li # dropline a B ,. flyout # menu li # flyout a B ,. support # menu li # support a B ,. contact # menu li # contact a B {background-position: left-51px; height: 40px ;}</style>
Tip: you can modify some code before running
