CSS 中cursor的作用 引導使用者

2021-05-13 02:08:40 字數 2971 閱讀 3601

關於cursor的說明,書上是這樣講的:

設定或檢索在物件上移動的滑鼠指標採用的游標形狀。

此屬性的值可以是多個,其間用逗號分隔。假如第乙個值不可以被客戶端系統理解或所指定的游標無法找到及顯示,則第二個值將被嘗試使用。依此類推。假如全部值都不可用的話,則此屬性不會發生作用。游標不會被改變。

此屬性對於currentstyle 物件而言是唯讀的。對於其他物件而言是可讀寫的。

對應的指令碼特性為cursor。 

這個屬性主要是修改滑鼠移上頁面某一元素,所表現出來的形狀。用來引導使用者,見到滑鼠的形狀馬上知道這一元素是什麼型別的元素,如:小手,很清楚知道那是乙個超級連線,等。

示例: p

a body

語法:cursor :auto|all-scroll|col-resize|crosshair|default|hand|move|help|no-drop|not-allowed|pointer|progress|row-resize|text|vertical-text|wait|

*-resize |url (url)

取值:

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 位址指定游標檔案(字尾為.cur或者.ani)。

css中cursor屬性詳解

css中cursor屬性詳解 語法 cursor auto all scroll col resize crosshair default hand move help no drop not allowed pointer progress row resize text vertical tex...

css中cursor屬性詳解

css中cursor屬性詳解 語法 cursor auto all scroll col resize crosshair default hand move help no drop not allowed pointer progress row resize text vertical tex...

CSS中cursor屬性的滑鼠樣式明細

程式設計客棧 type submit style cursor hand value hand 程式設計客棧quot auto 標準游標 default 標準箭頭 hand 手形游標 wait 等待光vibit標 text i程式設計客棧形光vibit標 vertical text 水平i形游標 n...