鼠標(biāo)經(jīng)過時可以切換CSS嗎？如何實現(xiàn)？_Div+CSS教程

教程Tag：暫無Tag,歡迎添加,賺取U幣!

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

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

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

示例代碼 [hl5o.cn]

　　onMouseOut="this.className='aaa'" onMouseOver="this.className='bbb'"

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

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