0731-55587844
其他(360、58、霸屏、搜狗、小程序)等代理合作請發(fā)郵箱254596208@qq.com
站內(nèi)公告： 　如果您有其它業(yè)務(wù)聯(lián)系，請發(fā)郵件至yaner@y1web.com郵箱，謝謝您的配合！
營銷型網(wǎng)站建設(shè)第一品牌——優(yōu)度網(wǎng)絡(luò)
現(xiàn)在的位置：首頁 > 發(fā)布營銷型網(wǎng)站建設(shè) > 新聞資訊 > css編寫無限分級彈出菜單
css編寫無限分級彈出菜單
信息來源：優(yōu)度網(wǎng)絡(luò)　 發(fā)布日期：2009/4/4　瀏覽數(shù)量：1023次
文章導(dǎo)讀：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"<html xmlns="<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>
相關(guān)信息
  • 網(wǎng)絡(luò)營銷培訓(xùn)
  • 微網(wǎng)站
  • 掃二維碼
  • 1
  • 2
  • 3
  • 最新上傳
  • 精品案例
  • 自動流水線嘉
  • 湖南省湘江重
  • 湘潭家居\建
  • 湘潭學(xué)校微網(wǎng)