jquery，當把滑鼠 移到某上時，把滑鼠形狀 換成自己的一個小圖片。
阿新 • • 發佈：2019-01-24
滑鼠樣式這個東西挺繞的。我總結下我的經驗。
首先不需要用jquery定義滑鼠，css裡面就有。
語法
cursor:url(你自己的路徑),auto
;
url裡面是你自己的路徑，auto實際上是後面需要跟的標準樣式。
瀏覽器會先載入你設定路徑的樣式，如果沒有則載入auto這裡你自定義的。auto，default等等都可以。
語法很簡單，但用起來不簡單。
1、如果用圖片（gif，png）等，不能超過32*32，否則瀏覽器不認識。
2、ie瀏覽器不認識gif，png等的圖片。
3、滑鼠樣式檔案一般是.cur .ani格式。IE都支援
4、firefox等標準瀏覽器不支援.ani格式。
5.firefox等標準瀏覽器好像也不支援動畫效果的.cur檔案。
CSS都支援，用jquery就多此一舉了，我也寫上：
$(document).ready(function(){
$(".bg").hover(
function(){$(this).css({cursor:"url(3dgnwse.cur),auto"})},
function(){$(this).css({cursor:"url(),auto"})
})
})
<div class="bg">3dgnwse.cur是你自己的檔案路徑</div>
總結，為了相容各個瀏覽器，建議使用.cur格式滑鼠檔案。
你如果是gif等格式檔案。上網下載製作.cur的小軟體，可以製作.cur，很簡單。
原文出處：
首先不需要用jquery定義滑鼠，css裡面就有。
語法
cursor:url(你自己的路徑),auto
;url裡面是你自己的路徑，auto實際上是後面需要跟的標準樣式。
瀏覽器會先載入你設定路徑的樣式，如果沒有則載入auto這裡你自定義的。auto，default等等都可以。
語法很簡單，但用起來不簡單。
1、如果用圖片（gif，png）等，不能超過32*32，否則瀏覽器不認識。
2、ie瀏覽器不認識gif，png等的圖片。
3、滑鼠樣式檔案一般是.cur .ani格式。IE都支援
4、firefox等標準瀏覽器不支援.ani格式。
5.firefox等標準瀏覽器好像也不支援動畫效果的.cur檔案。
CSS都支援，用jquery就多此一舉了，我也寫上：
$(document).ready(function(){
$(".bg").hover(
function(){$(this).css({cursor:"url(3dgnwse.cur),auto"})},
function(){$(this).css({cursor:"url(),auto"})
})
})
<div class="bg">3dgnwse.cur是你自己的檔案路徑</div>
總結，為了相容各個瀏覽器，建議使用.cur格式滑鼠檔案。
你如果是gif等格式檔案。上網下載製作.cur的小軟體，可以製作.cur，很簡單。
原文出處：