…words.words.words

偶而會去這個教人家做網頁的網站晃晃，雖然人家都寫得頗為清楚明白，但大概是因為太詳細了，對我這種不求甚解只會剪下貼上的人來說讀起來還真是頗為吃力（人真是一種難搞的動物…）。前幾天讀到這個用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; }