CSS改網頁鼠標指針、改指定元素指針（1）——代碼部分

要實現CSS改網頁鼠標指針、改指定元素指針，我們應該首先了解以下內容：

所有主流瀏覽器都支持 cursor 屬性。

注釋：Opera 9.3 和 Safari 3 不支持 url 值。

注釋：任何版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。

定義和用法

cursor 屬性規定要顯示的光標的類型（形狀）。

該屬性定義了鼠標指針放在一個元素邊界范圍內時所用的光標形狀（不過 CSS2.1 沒有定義由哪個邊界確定這個范圍）。

默認值：	auto
繼承性：	yes
版本：	CSS2
JavaScript 語法：	object.style.cursor="crosshair"（可見js也可以改指針，不過選擇css更加方便）

可能的值

值	描述
url	需使用的自定義光標的 URL。 注釋：請在此列表的末端始終定義一種普通的光標，以防沒有由 URL 定義的可用光標。
default	默認光標（通常是一個箭頭）
auto	默認。瀏覽器設置的光標。
crosshair	光標呈現為十字線。
pointer	光標呈現為指示鏈接的指針（一只手）
move	此光標指示某對象可被移動。
e-resize	此光標指示矩形框的邊緣可被向右（東）移動。
ne-resize	此光標指示矩形框的邊緣可被向上及向右移動（北/東）。
nw-resize	此光標指示矩形框的邊緣可被向上及向左移動（北/西）。
n-resize	此光標指示矩形框的邊緣可被向上（北）移動。
se-resize	此光標指示矩形框的邊緣可被向下及向右移動（南/東）。
sw-resize	此光標指示矩形框的邊緣可被向下及向左移動（南/西）。
s-resize	此光標指示矩形框的邊緣可被向下移動（南）。
w-resize	此光標指示矩形框的邊緣可被向左移動（西）。
text	此光標指示文本。
wait	此光標指示程序正忙（通常是一只表或沙漏）。
help	此光標指示可用的幫助（通常是一個問號或一個氣球）。

以上的內容來自w3c，已經非常詳細了，但博主在實踐過程中，總結出這么幾點：

1.css語法：

element {
//element可以換成所有可能的元素以實現更改指定元素的指針
        cursor:kind;
//kind可以替換成上面“可能的值”一表中的所有值（除url）以外
}

2.cursor的url值→實現自定義樣式

body {
       cursor:url("任何可以的.ico、.ani、.cur或其他圖片地址"),auto;
}

",auto"是必要的以防url地址不可用，丟失這個參數會導致不易查找的bug

ok，這個代碼已經可以實現網頁的指針被改變。

3.更加真實的指針

a:hover {
       cursor:url("任何可以的.ico、.ani、.cur或其他圖片地址最好與上面不同"),auto;
}

這將可以實現鼠標指向鏈接時指針變化，更接近在操作系統中一樣。

很簡單？快試試吧！我的下篇博文將教大家自繪自己的指針，不過會過一段時間哦，想學的話就關注我哦！