css 鼠標手型(轉載)

原文鏈接

http://www.365css.cn/post/575.html

 

巧合要用到鼠標樣式效果,就順便整理了下十五種CSS 鼠標樣式,小例子供大家使 用啊。CSS鼠標樣式語法如下:
任意標籤中插入 style="cursor:*" 
例子:<span style="cursor:*">文本或其它頁面元素</span>  <a href="#" style="cursor:*">文本或其它頁面元素</a>  注意把 * 換成如下15個效果的一種:

下面是對 這15種效果的解釋。移動鼠標到解釋上面,看看你的鼠標起了什麼變化吧!
hand是手型   
例子:CSS鼠標手型效果   <a href="#" style="cursor:hand">CSS鼠標手型效果</a>

pointer也是手型,這裏推薦使用這種,因 爲這可以在多種瀏覽器下使用。
例子:CSS鼠標手型效果 <a href="#" style="cursor:pointer">CSS鼠標手型效果</a>

crosshair是十字型
例 子:CSS鼠標十字型 效果 <a href="#" style="cursor:crosshair">CSS鼠標十字型 效果</a>

help是問號
例子:CSS鼠標問號 效果   <a href="#" style="cursor:help">CSS鼠標問號效果</a>

下 面寫法都一樣,這裏就不一一寫完了。
text是移動到文本上的那種效果
wait是等待的那種效果
default是默認效果
e- resize是向右的箭頭
ne-resize是向右上的箭頭
n-resize是向上的箭頭
nw-resize是向左上的箭頭
w- resize是向左的箭頭
sw-resize是左下的箭頭
s-resize是向下的箭頭
se-resize是向右下的箭頭
auto 是由系統自動給出效果

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章