css鼠標樣式cursor介紹(鼠標手型)

CSS鼠標樣式語法如下:
任意標簽中插入 style="cursor:*"
例子:<span style="cursor:*">文本或其它頁面元素</span> <a href="#" style="cursor:*">文本或其它頁面元素</a> 注意把 * 換成如下15個效果的一種:
下面是對這15種效果的解釋。移動鼠標到解釋上面,看看你的鼠標起了什么變化吧!
hand是手型
例子:CSS鼠標手型效果 <a href="#" _fcksavedurl=""#"" _fcksavedurl=""#"" _fcksavedurl=""#"" _fcksavedurl=""#"" style="cursor:hand">CSS鼠標手型效果</a>
pointer也是手型,這里推薦使用這種,因為這可以在多種瀏覽器下使用。
例子:CSS鼠標手型效果 <a href="#" _fcksavedurl=""#"" _fcksavedurl=""#"" style="cursor:pointer">CSS鼠標手型效果</a>
crosshair是十字型
例子:CSS鼠標十字型 效果<a href="#" _fcksavedurl=""#"" _fcksavedurl=""#"" style="cursor:crosshair">CSS鼠標十字型 效果</a>
help是問號
例子:CSS鼠標問號效果 <a href="#" _fcksavedurl=""#"" style="cursor:help">CSS鼠標問號效果</a>
下面寫法都一樣,這里就不一一寫完了。
下面是對這15種效果的解釋。移動鼠標到解釋上面,看看你的鼠標起了什么變化吧!
hand是手型
pointer也是手型,這里推薦使用這種,因為這可以在多種瀏覽器下使用。
crosshair是十字型
text是移動到文本上的那種效果
wait是等待的那種效果
default是默認效果
help是問號
e-resize是向右的箭頭
ne-resize是向右上的箭頭
n-resize是向上的箭頭
nw-resize是向左上的箭頭
w-resize是向左的箭頭
sw-resize是左下的箭頭
s-resize是向下的箭頭
se-resize是向右下的箭頭
auto是由系統(tǒng)自動給出效果
相關文章
- css實現(xiàn)的鼠標經(jīng)過某對象時讓其變成手狀,下面整理了光標的各種樣式,其中pointer, hand為手形光標2014-07-22
- 鼠標的形狀主要有:手形、移動、正在執(zhí)行、十字形等等,下面為大家介紹下如何修改鼠標的CSS樣式2014-02-20
- 鼠標經(jīng)過時一般都會有鼠標的圖形樣式,為了方便使用本文整理了十五種常見的鼠標經(jīng)過樣式,喜歡的朋友可以收集下2013-09-10
- CSS中cursor屬性的鼠標樣式有哪些?本文整理了一些,可供大家使用,感興趣的朋友也可以參考下2013-09-09
- 鼠標的顯示樣式可以在css里進行友好的控制,下面整理了一些鼠標的樣式類型,感興趣的朋友可以參考下,希望對大家學習css有所幫助2013-08-20
- 要用到鼠標樣式效果,就順便整理了下十五種CSS鼠標樣式,小例子供大家使用啊,下面與大家分享下CSS鼠標樣式語法及示例,有需求的朋友可以參考下,希望對大家有所幫助2013-08-13
css3實現(xiàn)信封動態(tài)折疊留言樣式并響應鼠標
一個俏皮可愛的CSS實現(xiàn)的信封留言樣式,包含基本的留言內容,效果很不錯,感興趣的你可以參考下2013-02-22- 取值: [ [<uri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resi2009-04-08
巧妙運用CSS立刻改變鼠標的樣式-CSS教程-網(wǎng)頁制作-網(wǎng)頁教學網(wǎng)
用慣了Windows的人對各種各樣的鼠標樣式一定不會陌生。當鼠標移動到不同的地方時,當鼠標執(zhí)行不同的功能時,當系統(tǒng)處于不同的狀態(tài)時,都會使鼠標的形狀發(fā)生變化。而在2008-10-17- 這篇文章主要介紹了CSS更改鼠標為手狀樣式的相關資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-07-20