DNF每日簽到送豪
lol7月神秘商店
LOL黑市亂斗怎么
LOL英雄成就標志相關資訊
本類常用軟件
-
福建農村信用社手機銀行客戶端下載下載量：584204
-
Windows優化大師下載量：416898
-
90美女秀(視頻聊天軟件)下載量：366961
-
廣西農村信用社手機銀行客戶端下載下載量：365699
-
快播手機版下載量：325855
騎自行車的正確
在校大學生該如
微信朋友圈怎么在Web開發的早期，隨著新技術的不斷涌現，一切都讓人興奮。但是我們在過去十年里經歷了一個技術的停滯期，直到由于HTML5的出現，Web開發再次讓人著迷。特別是CSS3正在迅速發展，你會在其規范里發現許多有趣的寶物。
在這篇文章里，我們要研究的是CSS鼠標樣式屬性，正如你所期望的的一樣，它允許你改變在一個元素上移動鼠標時的指針樣式。 它對于交互式Web App來說已經變得越來越重要。
CSS2的鼠標樣式
CSS2中提供相對較少的選擇（懸停在不同的網頁元素上，看看鼠標指針樣式是如何變化的）：
[html] view plaincopy
cursor: auto
cursor: inherit
cursor: crosshair
cursor: default
cursor: help
cursor: move
cursor: pointer
cursor: progress
cursor: text
cursor: wait
cursor: e-resize
cursor: ne-resize
cursor: nw-resize
cursor: n-resize
cursor: se-resize
cursor: sw-resize
cursor: s-resize
cursor: w-resize
CSS3的鼠標樣式
在CSS3里我們有更多的樣式可供選擇。它們可以工作在IE9和火狐、Chrome、Safari、Opera的最新版本上（除非另有標注）：
[html] view plaincopy
cursor:none (not IE, Safari, Opera)
cursor:context-menu (not Firefox, Chrome)
cursor:cell (not Safari)
cursor:vertical-text
cursor:alias (not Safari)
cursor:copy (not Safari)
cursor:no-drop
cursor:not-allowed
cursor:ew-resize
cursor:ns-resize
cursor:nesw-resize
cursor:nwse-resize
cursor:col-resize
cursor:row-resize
cursor:all-scroll
瀏覽器特定指針
Mozilla和Chrome、Safari的某些版本中提供了一些私有樣式，這很可能成為CSS3規范的一部分：
[html] view plaincopy
cursor:-webkit-grab; cursor: -moz-grab;
cursor:-webkit-grabbing; cursor: -moz-grabbing;
cursor:-webkit-zoom-in; cursor: -moz-zoom-in;
cursor:-webkit-zoom-out; cursor: -moz-zoom-out;
創建你自己的指針
最后，你可以創建自己的指針圖形，例如：
[html] view plaincopy
cursor:url(images/cursor.cur);
cursor:url(images/cursor.png) x y, auto;
注意：
1. Internet Explorer需要一個Windows指針文件（.cur）。
2. 火狐、Chrome和Safari需要一幅圖像 - 我推薦使用一張24位Alpha透明的png圖片。
3. Firefox還需要一個非URL指針設置作為備用值。
4. Opera不支持這種寫法。
5. x和y是Firefox、Chrome和Safari中的可選屬性，它定義了圖像從左上角開始的精確指針位置。如果省略，都默認為0。
挺好，但它看起來會花費我太多精力！所以我會一直堅持使用標準的指針樣式...