<style type="text/css">body,ul { margin:0; padding: 0; font-size: 10pt; behavior:url(css/csshover.htc); } .rightmenu { display: block; width: 200px; margin: 0; padding: 0; } .rightmenu .title { height: 40px; line-height: 40px; text-align: left; font-size: 15pt; font-weight: bold; color: White; background:#8D0E11; padding-left: 8px; } .rightmenu li { height: 30px; line-height: 30px; font-size: 11pt; list-style-type: none; text-align: left; background:#E30627; border:1px solid #E30627; } .rightmenu li a { text-decoration: none; color:#FFF; display:block; padding-left: 8px; } .rightmenu li a:hover { text-decoration:none; color:#E30627; } .rightmenu li:hover { background:none; border-right:none; } .leftmenu { display:none; width: 715px; left: 200px; position: absolute; top: 39px; border: 2px solid #E30627; border-left:none; z-index: 4; } .left-div { display:block; float: left; width: 490px; margin: 5px; } .left-div dl { display: block; overflow: hidden; margin:6px 0; } .left-div dl dt { display: block; float: left; width: 50px; text-align: right; height: 22px; line-height: 22px; padding-right: 6px; } .left-div dl dt a { color:#8C8C8C; font-weight: bold; text-decoration:none; font-size: 10pt; } .left-div dl dd { display: block; overflow: hidden; border-bottom: 1px solid #CCC; padding-bottom: 6px; } .left-div dl dd a { display:block; float: left; border-left: 1px solid #CCC; color: #737373; font-size: 10pt; padding: 0 8px; height: 14px; line-height: 14px; margin: 3px 0; } .rightmenu li:hover .leftmenu{display:block;} </style><body><div class="rightmenu"><!--一级导航--> <div class="title">全部商品分类</div> <ul> <li><a href="#">图书、影像、电子书</a><span></span> <div class="leftmenu"><!--悬浮层--> <div class="left-div"> <dl> <dt><a href="#">音像</a></dt> <dd><a href="#">音乐</a> <a href="#">影视</a> <a href="#">教育音像</a> <a href="#">游戏</a> <a href="#">影视/动漫周边</a></dd> </dl> </div> </div> </li> <li><a href="#">家用电器</a><span></span></li> <li><a href="#">手机、数码、京东通信</a><span></span></li> <li><a href="#">电脑、办公</a><span></span></li> <li><a href="#">家具、家居、家装、厨具</a><span></span></li> <li><a href="#">个户化妆、清洁用品</a><span></span></li> <li><a href="#">汽车、汽车用品</a><span></span></li> <li><a href="#">母婴、玩具乐器</a><span></span></li> <li><a href="#">营养保健</a><span></span></li> </ul> </div></body>
- 1 回答
- 0 关注
- 1850 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消