網頁導航欄鼠標移上去自動彈出下拉菜單


<meta charset="UTF-8" /> <div class="menubar"> <div class="menuitem"> <div>菜單1</div> <div class="submenu"> <div>子菜單1</div> <div>子菜單2</div> </div> </div> <div class="menuitem"> <div>菜單2</div> <div class="submenu"> <div>子菜單1</div> <div>子菜單2</div> <div>子菜單3</div> </div> </div> <div class="menuend"></div> </div> <p> lsjflsjlajlsa;djflqjwwlejrflsjdlfjwqoo;lnsdl;fgnsl;rjwjeflsdjfljl;jfowei </p> <style type="text/css"> .menubar {line-height: 24px;} .menubar .menuend {clear: both;} .menuitem {background: #fff; border: 1px solid #c00; position: relative; float: left; margin-right: 1em;} .menuitem .submenu {background: #ccc; border: 1px solid #00c; position: absolute; top: 25px; left: -1px; width: 5em;} /** 下面的控制顯示和隱藏 **/ .menuitem .submenu {display: none;} .menuitem:hover .submenu {display: block;} </style>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM