CSS多層選單
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; }


0 Responses to "CSS多層選單"
留下您的意見: