html實現鼠標懸停變成手型實現方式


1、采用a標簽實現的方式

1 <a href="javascript:void()">內容</a>

2、采用CSS實現的方式

1 // 變手形
2 oElement.style.cursor = "pointer";
3 
4 // 恢復原樣
5 oElement.style.cursor = "default";

或者

1 <div style="cursor:hand">
2 
3 <img style="cursor:hand">
4 
5 <td style="cursor:hand">

 css寫法:

1   <style>   
2        a.hand:hover   {cursor:hand}   
3   </style>   

 

cursor其他取值   

 1   auto                     :標准光標   
 2   default               :標准箭頭   
 3   hand                     :手形光標   
 4   wait                     :等待光標   
 5   text                     :I形光標   
 6   vertical-text   :水平I形光標   
 7   no-drop               :不可拖動光標   
 8   not-allowed       :無效光標   
 9   help                     :?幫助光標   
10   all-scroll         :三角方向標   
11   move                     :移動標   
12   crosshair           :十字標   
13   e-resize   
14   n-resize   
15   nw-resize   
16   w-resize   
17   s-resize   
18   se-resize   
19   sw-resize   

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM