淺談不用Cookie實現(xiàn)高亮Javascript菜單效果

5、?2.#menu?li?a.over{background:#00ff00;}?//翻滾樣式?3.#menu?li?a.cur{background:#ff0000;color:#fff;}?//高亮樣式?4./*二級菜單的三種樣式設置*/?5.#othermenu?li?a.normal{background:#fff;}?//普通樣式?6.#othermenu?li?a.over{background:#AA7F00;color:#fff;}?//翻滾樣式?7.#othermenu?li?a.cur{background:

6、#7F0000;color:#fff;}?//高亮樣式?與一級菜單不同的是，我們將二級菜單中的鏈接地址加入兩個參數(shù)值，pId參數(shù)指向的是頂部一級菜單的的序號，而sId則是菜單自己的順序號。我們將這兩個菜單的總容器ul都設置了兩個不同中的ID，它們需要在JS中調(diào)用，所以千萬不能少?！緲邮綄印筷P于樣式，其實都沒有什么特別的地方，你可以隨心所意地設置成你想要的樣式，只是需要注意的地方是，我們需要單獨設置高亮Javascript菜單效果的三種狀態(tài)樣式，以供JS動態(tài)調(diào)用。8./*一級菜單的三種樣式設置*/?9.#menu?li?a.no

7、rmal{background:#fff;}//普通樣式?10.#menu?li?a.over{background:#00ff00;}?//翻滾樣式?11.#menu?li?a.cur{background:#ff0000;color:#fff;}?//高亮樣式?12./*二級菜單的三種樣式設置*/?13.#othermenu?li?a.normal{background:#fff;}?//普通樣式?14.#othermenu?li?a.over{background:#AA7F00;color:#fff;}?//翻滾樣式?

8、15.#othermenu?li?a.cur{background:#7F0000;color:#fff;}?//高亮樣式?【行為層】因為要在行為層中控制菜單的三種狀態(tài)，所以對于A鏈接標簽，我們就不使用hover偽類來達到菜單的三種動態(tài)行為了，我們可以用onmouseover