|
網站建設是指使用標識語言（markup language)，通過一系列設計、建模、和執行的過程將電子格式的信息通過互聯網傳輸，最終以圖形用戶界面（GUI）的形式被用戶所瀏覽。簡單來說，網頁設計的目的就是產生網站。簡單的信息如文字，圖片（GIF，JPEG，PNG）和表格，都可以通過使超文件標示語言、可擴展超文本標記語言等標示語言放置到網站頁面上。 美化主要表現在鼠標放到菜單上后（即鼠標懸停）的效果，這里首先介紹幾個經常用到的CSS屬性：
background-color：背景色，其值為一個顏色值，如“#FF0000”、“red”。
border：邊框樣式，一個形如“寬度 樣式 顏色”的字符串，如“1px solid red”，即1px的紅色實線邊框。
cursor：鼠標指針樣式，取值為表示鼠標指針樣式的字符串，如“hand”、“help”，即小手、幫助狀態。
以上只是簡單的介紹了幾個在此類菜單中非常常見的CSS屬性，這里也并未做很詳盡的解釋（畢竟這些并不是我們要講解的重點），欲了解更多可參閱相關資料。筆者在這里想說的是：掌握更多的CSS屬性會對你有所幫助。
前面說了，美化主要表現在鼠標放到菜單上后的效果，那么如何用JavaScript來控制樣式的變化呢？或者你會想到前面講過的style對象，的確，用style可以達到目的，但是，很多時候，需要改變很多個CSS屬性，用style就顯得有些麻煩。我們再來介紹一個新的屬性：className。
className屬性對應的就是CSS的class，也即所謂的偽類，比如在某個標記中設置class=myName，那么這時該元素的className屬性就是myName。
來看下面這個例子： <![CDATA[--------------------------------------------<style type="text/css">.style_normal { color: gray; }.style_over { color: red; }</style><span id="rhzcjxe" class="style_normal" onmouseover="this.className='style_over'" onmouseout="this.className='style_normal'">鼠標移上來，通過className屬性改變這段文字的class，使文字顏色變成紅色；移走，又恢復原來的顏色。</span>----------------------------------------------]]>
我們看到，在處理相對復雜的樣式變化的情況下，用className就方便得多了，至于樣式如何變化，就變成如何定義class的問題了。
講到這里，我想有一定CSS基礎的朋友應該已經清楚如何來修飾這個菜單了，即便你對CSS了解的還不多，前面已經介紹了幾個較常用的屬性。所以，這里就不再多講了。
大多數人在上網的時候，都會瀏覽網頁提供給我們的信息。
| 
