在頁(yè)面中我們希望用到較多的交互效果，一方面是為了視覺了需要，另一方面也體現(xiàn)了用戶感受。我們經(jīng)常制作鼠標(biāo)的交互效果，當(dāng)鼠標(biāo)移到某一對(duì)象上時(shí)使其產(chǎn)生一定的變化，以達(dá)到提醒用戶：Your Are Here！

　　鏈接的激活狀態(tài)，就是一種典型的交互效果，我們都知道鏈接文字或圖片等可以通過(guò)設(shè)置鏈接的Hover狀態(tài)屬性來(lái)完成設(shè)置。假如文字或圖片本身并沒有超鏈接。我們?cè)撊绾尉帉戇@樣的效果呢？鼠標(biāo)經(jīng)過(guò)時(shí)可以切換CSS可以實(shí)現(xiàn)嗎？

　　我們可以利用小腳本來(lái)實(shí)現(xiàn)這樣的效果，當(dāng)然，它并不會(huì)消耗你很多的資源，不會(huì)占用你太多的空間，簡(jiǎn)單的一句話就可以搞定了。


　　也就是設(shè)置鼠標(biāo)移開和鼠標(biāo)激活時(shí)，調(diào)用不同的CSS類，實(shí)現(xiàn)切換CSS以達(dá)到交互的效果。

　　我們看下面例子，下面的圖片沒有超鏈接，僅僅是插入的圖片。我們可以實(shí)現(xiàn)鼠標(biāo)移上去改變邊框的效果。


　　我們?cè)倏聪旅娴睦�子，這是一個(gè)h1標(biāo)簽，同樣也沒有超鏈接，我們可以做到當(dāng)鼠標(biāo)移上去時(shí)，改變背景顏色的效果。


　　大家多動(dòng)手試驗(yàn)不斷的積累操作經(jīng)驗(yàn)，在實(shí)際操作中一定可以事半功倍.