原來cursor:可以這樣改變鼠標樣式

前言：今天看百度的一個layui前端框架的時候，看到一個禁用圖標的樣式，鼠標移上去會變成一個自定義的圖片樣式，就在想難道cursor也可以自定義圖片路徑？！之前一直沒有使用過。

使用了一下之后，遇到很多問題，比如圖片的格式，后綴名以及大小等問題，然后查了一下相關資料。

語法：cursor:url(路徑),auto;

         auto是需要跟的標准樣式，瀏覽器會先加載你設定好的路徑，如果沒有，則加載auto里自定義的，auto,default等都可以。

 

關於圖片的格式：

1，如果用圖片（gif,png）等，不能超過32*32，否則瀏覽器不認識

2，IE瀏覽器不認識gif,png等的圖片格式

3，firefox等標准瀏覽器不支持.ani格式。

4.firefox等標准瀏覽器好像也不支持動畫效果的.cur文件。

5、鼠標樣式文件一般是.cur .ani格式。IE都支持

 

當然用jquery也可以實現：

$(document).ready(function(){

      $('mouse').hover(

　　　　function(){$this.css({cursor:"url(cvte.cur),auto"})},

　　　　function(){$this.css({cursor:"url(),auto"})})

})

<div class="mouse"></div>