Helper home (www.bkjia.com) tutorial this is a exquisite menu code that is triggered with a pure CSS mouse to expand and collapse. The warm tone is very beautiful. The test shows that the compatibility is quite good. Useful friends should first add it to your favorites.
<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN "" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <Html xmlns =" http://www.w3.org/1999/xhtml "> <Head> <meta http-equiv =" Content-Type "content =" text/html; charset = gb2312 "/> <title> CSS enables you to trigger the mouse and unfold the beautiful menu-LIEHUO. NET </title> <style type = "text/css"> # menu {overflow: hidden; background-color: # fbfef4; width: 200px; height: 500px; overflow: hidden ;}# menu h1 {margin: 0px; color: #739c23; font-size: 14px ;}# menu li {list-style: none; display: block; width: 178px; border: 1px solid #739c23; border-bottom-width: 0px ;}# Menu li. end {border-bottom-width: 1px;} # menu li a {display: block; text-decoration: none; width: 100%; padding: 10px ;} # menu li a span {display: none; color: #333; font-size: 12px; padding: 10px 0 0 0 ;}# menu li a: hover {background: # fff ;}# menu li a: hover span {display: block; cursor: hand ;} </style>
Tip: the code can be modified before running!
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
