CSS的:hover偽類非常常用,它可以讓網頁上的元素在鼠標指上去的時候發生一些變化。例如,我們可以利用:hover來實現鼠標指上去變色的效果。本文里我們將會介紹如何利用CSS實現鼠標指上去變藍的效果。
a:hover { color: blue; }
上面的CSS代碼表示當鼠標指上去一個鏈接的時候,這個鏈接的顏色會變成藍色。但是要注意,這個效果只能應用在鏈接這種有href屬性的元素上。
如果我們想要將一個普通的文本塊變成藍色的,該怎么實現呢?我們可以給這個文本塊添加一個hover效果,將它變為可點擊的,然后再配合JavaScript代碼實現一些交互效果。哪怕是十分簡單的一個idea,也可能為你的頁面帶來許多作為抓手的巧妙交互設計,所以不妨在設計頁面時多花點心思在:hover上。
上一篇ajax攔截后進報錯方法
下一篇css樣式不兼容ie