其實所謂的個性化鼠標(biāo),就是一個個的圖片,用自己喜歡的鼠標(biāo)樣式圖片去覆蓋默認(rèn)的鼠標(biāo)樣式就好啦。
- 代碼來源:詳情
這里需要用到CSS的 cursor 屬性,首先,你需要找到一些有趣的鼠標(biāo)圖片,參考下方代碼:
<style type="text/css">
/**普通指針樣式 -棲枝perch**/
body{
cursor:url(./img/default.cur),default;
}
/**鏈接指針樣式 -棲枝perch**/
a:hover{
cursor:url(./img/pointer.cur),pointer;
}
</style>
如何使用?
點擊下方的Demo按鈕,右擊鼠標(biāo)查看源代碼,根據(jù)代碼注釋理解相關(guān)含義。
幫助:
演示中僅用了:hover,其實還有很多有趣的鼠標(biāo)狀態(tài),下文有詳細(xì)介紹: