css設置鼠標手勢的方法

相對於傳統HTML的表現而言,CSS能夠對網頁中的對象的位置排版進行像素級的精確控制,支持幾乎所有的字體字號樣式,下面小編給大家整理了css設置鼠標手勢的方法,供大家參閱。

css設置鼠標手勢的方法

屬性名:cursor

屬性值(手勢狀態):

auto : 默認值。瀏覽器根據當前情況自動確定鼠標光標類型。

all-scroll : IE6.0 有上下左右四個箭頭,中間有一個圓點的光標。用於標示頁面可以向上下左右任何方向滾動。

col-resize : IE6.0 有左右兩個箭頭,中間由豎線分隔開的光標。用於標示項目或標題欄可以被水平改變尺寸。

crosshair : 簡單的十字線光標。

default : 客戶端平臺的默認光標。通常是一個箭頭。

hand : 豎起一隻手指的手形光標。就像通常用戶將光標移到超鏈接上時那樣。

move : 十字箭頭光標。用於標示對象可被移動。

help : 帶有問號標記的箭頭。用於標示有幫助信息存在。

no-drop : IE6.0 帶有一個被斜線貫穿的圓圈的手形光標。用於標示被拖起的對象不允許在光標的當前位置被放下。

not-allowed : IE6.0 禁止標記(一個被斜線貫穿的圓圈)光標。用於標示請求的操作不允許被執行。

pointer : IE6.0 和 hand 一樣。豎起一隻手指的`手形光標。就像通常用戶將光標移到超鏈接上時那樣。

progress : IE6.0 帶有沙漏標記的箭頭光標。用於標示一個進程正在後臺運行。

row-resize : IE6.0 有上下兩個箭頭,中間由橫線分隔開的光標。用於標示項目或標題欄可以被垂直改變尺寸。

text : 用於標示可編輯的水平文本的光標。通常是大寫字母 I 的形狀。

vertical-text : IE6.0 用於標示可編輯的垂直文本的光標。通常是大寫字母 I 旋轉90度的形狀。

wait : 用於標示程序忙用戶需要等待的光標。通常是沙漏或手錶的形狀。

*-resize : 用於標示對象可被改變尺寸方向的箭頭光標。w-resize | s-resize | n-resize | e-resize | ne-resize | sw-resize | se-resize | nw-resize

url ( url ) : IE6.0 用戶自定義光標。使用絕對或相對 url 地址指定光標文件(後綴爲 或者 )。