599
CSS中cursor
關於cursor的說明，書上是這樣講的：設置或檢索在對象上移動的鼠標指針采用的光標形狀。
此屬性的值可以是多個，其間用逗號分隔。假如第一個值不可以被客戶端係統理解或所指定的光標無法找到及顯示，則第二個值將被嚐試使用。依此類推。假如全部值都不可用的話，則此屬性不會發生作用。光標不會被改變。
此屬性對於 currentStyle 對象而言是隻讀的。對於其他對象而言是可讀寫的。
對應的腳本特性為 cursor 。
這個屬性主要是修改鼠標移上頁麵某一元素，所表現出來的形狀。用來引導用戶，見到鼠標的形狀馬上知道這一元素是什麼類型的元素，如：小手，很清楚知道那是一個超級連接，等。
示例：
p { cursor: text; }
a { cursor: pointer; }
body { cursor: url("mycursor.gif"), url("images/cursors/footcursor.jpg"), default; }
下麵這個粉紅色的代碼是我今天做下拉菜單在CSS樣式表中的寫法。寫法很簡單，但是學習的東西一定要詳細的知道是什麼樣子！所以也貼出來！！
ul.MenuBarHorizontal
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 14px;
cursor: default;
width: auto;
}
語法：
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 )。
最後更新：2017-04-02 22:16:10