用css添加手狀樣式鼠標(biāo)移上去變小手
發(fā)布時間:2014-07-22 17:36:16 作者:佚名
我要評論

css實(shí)現(xiàn)的鼠標(biāo)經(jīng)過某對象時讓其變成手狀,下面整理了光標(biāo)的各種樣式,其中pointer, hand為手形光標(biāo)
用css 添加手狀樣式,鼠標(biāo)移上去變小手,變小手
復(fù)制代碼
代碼如下:<span style="font-size:14px">cursor:pointer;
</span><div class="wp_syntax"><span style="font-size:14px">用JS使鼠標(biāo)變小手onmouseover(鼠標(biāo)越過的時候)
</span><div class="code"><pre name="code" class="javascript"><span style="font-size:14px">onmouseover<span style="color:rgb(51,153,51)">=</span><span style="color:rgb(51,102,204)">"this.style.cursor='hand'"</span>
</span></pre><span style="font-size:14px"></span></div><span style="font-size:14px"></span></div><span style="font-size:14px"></span><div class="wp_syntax"><span style="font-size:14px"></span><div class="code"><span style="font-size:14px"></span><pre name="code" class="php"><span style="font-size:14px">cursor其他取值
auto :標(biāo)準(zhǔn)光標(biāo)
<span style="color:rgb(177,177,0)">default</span> :標(biāo)準(zhǔn)箭頭
pointer, hand :手形光標(biāo)
wait :等待光標(biāo)
text :I形光標(biāo)
vertical<span style="color:rgb(51,153,51)">-</span>text :水平I形光標(biāo)
no<span style="color:rgb(51,153,51)">-</span>drop :不可拖動光標(biāo)
not<span style="color:rgb(51,153,51)">-</span>allowed :無效光標(biāo)
help :幫助光標(biāo)
all<span style="color:rgb(51,153,51)">-</span>scroll :三角方向標(biāo)
move :移動標(biāo)
crosshair :十字標(biāo) </span>
</pre></div></div>
相關(guān)文章
- 鼠標(biāo)的形狀主要有:手形、移動、正在執(zhí)行、十字形等等,下面為大家介紹下如何修改鼠標(biāo)的CSS樣式2014-02-20
CSS定義鼠標(biāo)經(jīng)過時鼠標(biāo)圖形的十五種樣式整理
鼠標(biāo)經(jīng)過時一般都會有鼠標(biāo)的圖形樣式,為了方便使用本文整理了十五種常見的鼠標(biāo)經(jīng)過樣式,喜歡的朋友可以收集下2013-09-10- CSS中cursor屬性的鼠標(biāo)樣式有哪些?本文整理了一些,可供大家使用,感興趣的朋友也可以參考下2013-09-09
- 鼠標(biāo)的顯示樣式可以在css里進(jìn)行友好的控制,下面整理了一些鼠標(biāo)的樣式類型,感興趣的朋友可以參考下,希望對大家學(xué)習(xí)css有所幫助2013-08-20
- 要用到鼠標(biāo)樣式效果,就順便整理了下十五種CSS鼠標(biāo)樣式,小例子供大家使用啊,下面與大家分享下CSS鼠標(biāo)樣式語法及示例,有需求的朋友可以參考下,希望對大家有所幫助2013-08-13
css鼠標(biāo)樣式cursor介紹(鼠標(biāo)手型)
巧合要用到鼠標(biāo)樣式效果,就順便整理了下十五種CSS 鼠標(biāo)樣式,小例子供大家使用啊2013-03-27css3實(shí)現(xiàn)信封動態(tài)折疊留言樣式并響應(yīng)鼠標(biāo)
一個俏皮可愛的CSS實(shí)現(xiàn)的信封留言樣式,包含基本的留言內(nèi)容,效果很不錯,感興趣的你可以參考下2013-02-22CSS cursor 屬性 -- 鼠標(biāo)指針樣式效果
取值: [ [<uri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resi2009-04-08巧妙運(yùn)用CSS立刻改變鼠標(biāo)的樣式-CSS教程-網(wǎng)頁制作-網(wǎng)頁教學(xué)網(wǎng)
用慣了Windows的人對各種各樣的鼠標(biāo)樣式一定不會陌生。當(dāng)鼠標(biāo)移動到不同的地方時,當(dāng)鼠標(biāo)執(zhí)行不同的功能時,當(dāng)系統(tǒng)處于不同的狀態(tài)時,都會使鼠標(biāo)的形狀發(fā)生變化。而在2008-10-17- 這篇文章主要介紹了CSS更改鼠標(biāo)為手狀樣式的相關(guān)資料,非常不錯,具有參考借鑒價(jià)值,需要的朋友可以參考下2016-07-20