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