淘宝导航栏CSS代码:鼠标滑过一级分类自动弹出子二级子分类 代码是什么?
3个回答
展开全部
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
*{ margin:0; padding:0;}
ul{ list-style:none;}
li{ float:left; display: block; width:100px; text-align:center; background:#f66; color:#fff; height:40px; line-height:40px; position:relative; cursor:pointer;}
ul li:hover{ background:#933;}
ul li:hover ul{ display:block;}
ul li ul{ height:120px; display:none; position:absolute; top:40px; left:0;}
ul li ul li{float:none; background:#444; height:40px;}
</style>
</head>
<body>
<ul>
<li>1
<ul>
<li>1.1</li>
<li>1.2</li>
<li>1.3</li>
</ul>
</li>
<li>1
<ul>
<li>1.1</li>
<li>1.2</li>
<li>1.3</li>
</ul>
</li>
<li>1
<ul>
<li>1.1</li>
<li>1.2</li>
<li>1.3</li>
</ul>
</li>
</ul>
</body>
</html>
2013-09-11
展开全部
<html>
<body>
<ul id="Nav" class="Nav">
<li><a class="nanbaofenlei" href="#">男包分类</a>
<ul>
<li><a href="#">腰腿包</a></li>
<li><a href="#">电脑包</a></li> //#号放对应你分类的包的链接
<li><a href="#">双肩包</a></li>
</ul>
</li>
<li><a href="#">特惠清仓</a></li>
</body>
</html>
<body>
<ul id="Nav" class="Nav">
<li><a class="nanbaofenlei" href="#">男包分类</a>
<ul>
<li><a href="#">腰腿包</a></li>
<li><a href="#">电脑包</a></li> //#号放对应你分类的包的链接
<li><a href="#">双肩包</a></li>
</ul>
</li>
<li><a href="#">特惠清仓</a></li>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<div id="divmain"><span>男包分类<span>
<div display="none">
<a>各种包</a>
<a>各种包</a>
<a>各种包</a>
</div>
</div>
然后当鼠标悬浮divmain的时候 出现。
<div display="none">
<a>各种包</a>
<a>各种包</a>
<a>各种包</a>
</div>
</div>
然后当鼠标悬浮divmain的时候 出现。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询