溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容主要講解“jquery如何用CSS()設置鼠標禁止樣式”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“jquery如何用CSS()設置鼠標禁止樣式”吧!
方法：只需用CSS()將鼠標樣式屬性“cursor”的值設置為“not-allowed”即可，語法為“元素對象.css("cursor","not-allowed")”或“元素.css({"cursor":"not-allowed"})”。
本教程操作環境：windows7系統、jquery1.10.2版本、Dell G3電腦。
想要設置鼠標禁止樣式，只需用的cursor屬性。
只需用CSS()將鼠標樣式屬性“cursor”的值設置為“not-allowed”即可。
設置語法有兩種：
元素對象.css("cursor","not-allowed")
元素對象.css({"cursor":"not-allowed"})實現示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("button").click(function() {
// $("p").css("cursor","not-allowed");
$("p").css({"cursor":"not-allowed"});
});
});
</script>
</head>
<body>
<p>一個p元素，讓鼠標移動到該元素上</p>
<button>設置鼠標禁止樣式</button>
</body>
</html>
說明：
cursor屬性定義了鼠標指針放在一個元素邊界范圍內時所用的光標形狀。
當cursor屬性的屬性值為“not-allowed”，則鼠標光標形狀為禁止圖案。
cursor屬性取值如下，默認值為default
crosshair; | 十字準心 | 光標表現為十字準線 |
cursor: pointer; | 手 | 光標標以暗示(手指)的形式來表明有一個連接 |
cursor: wait; | 等待/沙漏 | 光標暗示當前程序正忙(一般為一塊表或是一個沙漏) |
cursor: help; | 幫助 | 光標暗示當前位置可得到幫助(一般為問號或是氣球) |
cursor: no-drop; | 無法釋放 | cursor: no-drop; |
cursor: text; | 文字/編輯 | 光標暗示當前所處位置為文字內容 |
cursor: move; | 可移動對象 | 光標暗示一些東西應該被移動 |
cursor: n-resize; | 向上改變大小(North) | 邊緣可向上移動(北) |
cursor: s-resize; | 向下改變大小(South) | 邊緣可向下方移動(南) |
cursor: e-resize; | 向右改變大小(East) | box邊緣可向右(東)邊移動 |
cursor: w-resize; | 向左改變大小(West) | 邊緣可向左移動(西) |
cursor: ne-resize; | 向上右改變大小(North East) | 光標暗示box的邊緣可向右上方移動(東北方向) |
cursor: nw-resize; | 向上左改變大小(North West) | 邊緣可向左上方移動(西北) |
cursor: se-resize; | 向下右改變大小(South East) | 邊緣可向右下方移動(東南) |
cursor: sw-resize; | 向下左改變大小(South West) | 邊緣可向左下方移動(西南) |
cursor: auto; | 自動 | 瀏覽器設置一個光標 |
cursor:not-allowed; | 禁止 | cursor:not-allowed; |
cursor: progress; | 處理中 | cursor: progress; |
cursor: default; | 系統默認 | 默認的光標狀態（通常為一個箭頭） |
cursor: url(' # '); | 用戶自定義（可用動畫） | 自定義光標的url位置 注意：在定義完自定義的光標之后在末尾加上一般性的光標，以防那些url所定義的光標不能使用 |
大家可能會說，cursor屬性值這么多，怎么記呀？其實大家不用擔心，在實際開發中，我們一般只用到“default”和“pointer”這兩個屬性值，其他的一般都很少用得上。如果實在沒辦法還需要其他的，那就回來查這種表就行了。
到此，相信大家對“jquery如何用CSS()設置鼠標禁止樣式”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
