1. 程式人生 > >cursor url 自定義鼠標樣式

cursor url 自定義鼠標樣式

body int 方式 光標 png ctrl 格式 code 背景

cursor可以自定義鼠標寫法是cursor:url(“圖片路徑”),default

url:需使用的自定義光標的 URL。圖片類型需要是.cur或.ani格式的。 pointer: 默認的鼠標光標樣式,當沒有找到可用的定義光標時會使用此光標。 .cur和 .ani圖片我們可以用PS來自己制作。 制作方法也很簡單: 1、先創建一個32*32的模板 2、一般我們需要的是png格式的鼠標樣式,所以這裏拖入一張選好的png圖片,圖片置入後,在去掉背景 3、按下ctrl+s保存後這裏如圖選擇即可先選擇png格式後,在手動改成cur或ani格式的(就是先轉png格式去掉背景在轉成cur或ani圖片)。
技術分享圖片 手動改成cur或ani格式的 技術分享圖片 之後圖片可能後顯示這樣 技術分享圖片 圖片不顯示不要緊,我們按以下方式引入到頁面中,打開頁面之後鼠標樣式就發生變換了
body{    
                cursor:url(img/23.ani),default;
                /*cursor:url(img/23.cur),default;*/
            }

技術分享圖片

cursor url 自定義鼠標樣式