0731-55587844
其他(360、58、霸屏、搜狗、小程序)等代理合作请发邮箱254596208@qq.com
站内公告:  如果您有其它业务联系,请发邮件至yaner@y1web.com邮箱,谢谢您的配合!
营销型网站建设第一品牌——优度网络
现在的位置:首页 > 发布营销型网站建设 > 新闻资讯 > css编写无限分级弹出菜单
css编写无限分级弹出菜单
信息来源:优度网络  发布日期:2009/4/4 浏览数量:1028
文章导读:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>css menu</title>
<style type="text/css">
/*<![CDATA[*/
ul.menu
{
width:180px;
cursor:hand;
list-style-type:none;
border:1px solid #cccccc;
padding:0px;
margin:0px;
}
ul.menu li
{
width:100%;
display:block;
position:relative;
}
ul.menu li   a
{
background-color:#06829C;
color:#ffffff;
width:100%;
display:block;
font-size:9pt;
padding:2px;
padding-left:10px;
}
ul.menu li ul.menu
{
display:none;
width:190px;
position:absolute;
z-index:1000;
left:80%;
top:-10px;
}
ul.menu li:hover > a
{
width:100%;
background-color:#64ACF8;
color:#ffffff;
}
ul.menu li:hover > ul.menu
{
display:block;
}
/*]]>*/
</style>
</head>
<body>
<ul class="menu">
<li><a href="#">Item 1</a></li>
<li>
<a href="#">Menu Item &gt;</a>
<ul class="menu">
<li><a href="#">item</a></li>
<li>
<a href="#">item &gt;</a>
<ul class="menu">
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
</ul>
</li>
<li>
<a href="#">item &gt;</a>
<ul class="menu">
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
</ul>
</li>
<li>
<a href="#">item &gt;</a>
<ul class="menu">
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</body>
</html>
相关信息
  • 网络营销培训
  • 微网站
  • 扫二维码
  • 1
  • 2
  • 3
  • 最新上传
  • 精品案例
  • 自动流水线嘉
  • 湖南省湘江重
  • 湘潭家居\建
  • 湘潭学校微网
0731-55587844
传真:0731-55587844
邮箱:254596208@qq.com
地址:湖南省湘潭市岳塘区霞光东路58号(维也纳酒店6楼)
优度官方微信扫一扫关注官方微信

关注优度

官方微信
官方微博
官网首页