<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 關注
- 1915 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消