當鼠標放在按鈕上時讓指針變為手型


首先添加樣式:

<style>
.hand {cursor:hand}
</style>
<body>
 <a class="hand" href="http://www.vbinfo.net">我的家園</a>
</body>

對應屬性:

 

cursor:hand 與 cursor:pointer 的區別

cursor:hand 與 cursor:pointer 的效果是一樣的,都像光標指向鏈接一樣,光標變成手行。
cursor:hand :IE完全支持。但是在firefox是不支持的,沒有效果。
cursor:pointer :是CSS2.0的標准。所以firefox是支持的,但是IE5.0既之前版本不支持。IE6開始支持。

結論:還是用 cursor:pointer 來的方便。

cursor:鼠標

pointer:指針

 

附:cursor屬性收集

光標類型   CSS
十字准心 cursor: crosshair;
手 cursor: pointer;
cursor: hand;
寫兩個是為了照顧IE5,它只認hand。
等待/沙漏 cursor: wait;
幫助 cursor: help;
無法釋放 cursor: no-drop;
文字/編輯 cursor: text;
可移動對象 cursor: move;
向上改變大小(North)   cursor: n-resize;
向下改變大小(South)   cursor: s-resize;
向右改變大小(East)   cursor: e-resize;
向左改變大小(West)   cursor: w-resize;
向上右改變大小(North East)   cursor: ne-resize;
向上左改變大小(North West)   cursor: nw-resize;
向下右改變大小(South East)   cursor: se-resize;
向下左改變大小(South West)   cursor: sw-resize;
自動 cursor: auto;
禁止 cursor:not-allowed;
處理中 cursor: progress;
系統默認 cursor: default;
用戶自定義(可用動畫) cursor: url(‘ # ‘);
# = 光標文件地址    (注意文件格式必須為:.cur 或 .ani)。


免責聲明!

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



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