利用CSS配合JavaScript的可以做很多更酷的動態(tài)頁面效果，在本教程的最后給大家簡單介紹一下CSS配合JS的應(yīng)用。首先，要搞清楚事件和動作的概念。在客戶端腳本中，JavaScript 通過對事件進行響應(yīng)來獲得與用戶的交互。例如，當(dāng)用戶單擊一個按鈕或者在某段文字上移動鼠標(biāo)時，就觸發(fā)了一個單擊事件或鼠標(biāo)移動事件，通過對這些事件的響應(yīng)，可以完成特定的功能(例如，單擊按鈕彈出對話框，鼠標(biāo)移動到文本上后文本變色等)。

　　下面介紹幾種常見的事件：

　　onClick：鼠標(biāo)單擊事件。(是指鼠標(biāo)按下，然后松開時產(chǎn)生。)

　　onDblClick：鼠標(biāo)雙擊事件。(是指鼠標(biāo)快速按下，松開，并再次按下時產(chǎn)生。)

　　onMouseDown：鼠標(biāo)按下事件。(鼠標(biāo)按下時即產(chǎn)生。)

　　onMouseUp：鼠標(biāo)釋放事件。(是指鼠標(biāo)從按下的狀態(tài)到彈起。)

　　onMouseMove：鼠標(biāo)移動事件。(是指在特定元素上移動鼠標(biāo)。)

　　onMouseOver：鼠標(biāo)經(jīng)過事件。(是指，當(dāng)指針從外界往元素上移動時產(chǎn)生。)

　　onMouseOut：鼠標(biāo)離開事件。(是指鼠標(biāo)從特定元素上離開時產(chǎn)生。)

　　onLoad：載入事件。(當(dāng)圖象或頁面結(jié)束載入時產(chǎn)生。)

　　onUnload：卸載事件。(當(dāng)訪問者離開頁面時產(chǎn)生。)

　　onScroll：滾動條滾動事件。(當(dāng)訪問者使用卷軸上移或下移時產(chǎn)生。)

　　有了事件以后，我們就為事件加上動作。這里只說改變當(dāng)前元素自定義樣式的動作，我們可以用這個方法先設(shè)定好兩個自定義的CSS樣式，對象原先調(diào)用第一種樣式，當(dāng)產(chǎn)生鼠標(biāo)事件時讓對象應(yīng)用到第二種CSS樣式，而產(chǎn)生的鼠標(biāo)效果。