Home > > CSS多層選單

CSS多層選單

2010年4月11日星期日

1.把階梯狀原始碼的第一行ul改成ul id=”nav”,貼到主頁面body後隨便找個喜歡的位置貼,例如說我可以貼在<div class=”syndicate”>之前。

2. 在主頁面/head之前找到< /script>,把修改過的javascript貼在< /script>前面。

3. 下面這一段貼到樣式表
ul {
margin: 0;
padding: 0;
list-style: none;
width: 150px;
border-bottom: 1px solid #ccc;
}

ul li {
position: relative;
}

li ul {
position: absolute;
left: 149px;
top: 0;
display: none;
}

ul li a {
display: block;
text-decoration: none;
color: #777;
background: #fff;
padding: 5px;
border: 1px solid #ccc;
border-bottom: 0;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

li:hover ul, li.over ul{ display: block; }

 

原文:http://cassiel.name/2004/07/02/157

0 Responses to "CSS多層選單"