我們在很多時候其實是需要在網(wǎng)頁中設(shè)置鼠標(biāo)效果的，有些是自動生成的，比如一個link鏈接，那么鼠標(biāo)移上去自動會變成一個手的樣子去點擊，有時候一個input輸入框，那么鼠標(biāo)就自動變成一個英文大寫I的樣子，那么我們是否可以將更多對象設(shè)置成我們需要的樣子呢？這完全是可以的，接下來就看下效果吧

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)生。）

將這個自定義樣式應(yīng)用到圖片上，在瀏覽器中預(yù)覽到圖片變成了黑白，我們再定義一個樣式“.over”，這個樣式?jīng)]有任何內(nèi)容，是空樣式，樣式表代碼如下：

.over {}

.out {filter: Gray}

然后在圖片標(biāo)記（IMG）里加上“onMouseOver="***.classname='over'" onMouseOut="***.classname='out'"”，意思為當(dāng)鼠標(biāo)經(jīng)過時，圖片為over樣式，即彩色正常圖象；當(dāng)鼠標(biāo)離開時，圖片為out樣式，即黑白圖像。oMouseOver和onMouseOut是鼠標(biāo)事件，***.classname=”…”表示當(dāng)前對象的class名 為…，注意大小寫不要寫錯，JS對大小寫非常敏感。

這樣這個效果就完成了，保存后在瀏覽器里打開，圖象是黑白的，當(dāng)鼠標(biāo)移上去時，圖象變成彩色，鼠標(biāo)離開時，圖象又變回黑白。只要發(fā)揮你的想象，通過***.classname方法還可以做出很多好看的鼠標(biāo)效果。

十字 　

文本光標(biāo) 　

等待 　

默認(rèn) 　

問號 　

左右箭頭 　

上下箭頭 　

系統(tǒng)自動給出效果

系統(tǒng)自動給出效果

:hover 選擇器用于選擇鼠標(biāo)指針浮動在上面的元素。

提示： :hover 選擇器可用于所有元素，不只是鏈接。

提示： :link 選擇器設(shè)置指向未被訪問頁面的鏈接的樣式，:visited 選擇器用于設(shè)置指向已被訪問的頁面的鏈接，:active 選擇器用于活動鏈接。

注釋： 在 CSS 定義中，:hover 必須位于 :link 和 :visited 之后（如果存在的話），這樣樣式才能生效。