首頁 > web前端 > js教程 > javascript怎麼隱藏滑鼠

javascript怎麼隱藏滑鼠

青灯夜游
發布: 2023-01-05 16:09:59
原創
6026 人瀏覽過

javascript隱藏滑鼠的方法:先使用「document.getElementById("id值")」語句取得指定元素物件;然後使用「元素物件.style.cursor="none"」語句設定滑鼠隱藏效果即可。

javascript怎麼隱藏滑鼠

本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

javascript隱藏滑鼠

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<style>
			div{
				background-color: palegoldenrod;
				padding: 10px;
			}
		</style>
	</head>

	<body>
		<div id="cursor">鼠标在div元素上时,会被隐藏!</div>
	</body>
	<script type="text/javascript">
		var div=document.getElementById("cursor");
		div.style.cursor="none";
	</script>

</html>
登入後複製

效果圖:

javascript怎麼隱藏滑鼠

說明:

cursor 屬性規定所顯示的指標(遊標)的型別。

語法:

Object.style.cursor=cursortype
登入後複製

可能的值:

#描述
url

需被使用的自訂遊標的URL

#註解:請在此清單的末端始終定義一種普通的遊標,以防沒有由URL定義的可用遊標。

default 預設遊標(通常是箭頭)
auto 預設。瀏覽器設定的遊標。
crosshair 遊標呈現為十字線。
pointer 遊標呈現為指示連結的指標(一隻手)
move 此遊標指示某物件可被移動。
e-resize 此遊標指示矩形框的邊緣可被向右(東)移動。
ne-resize 此遊標指示矩形框的邊緣可向上及向右移動(北/東)。
nw-resize 此遊標指示矩形框的邊緣可向上及向左移動(北/西)。
n-resize 此遊標指示矩形框的邊緣可被向上(北)移動。
se-resize 此遊標指示矩形框的邊緣可被向下及向右移動(南/東)。
sw-resize 此遊標指示矩形框的邊緣可向下及向左移動(南/西)。
s-resize 此遊標指示矩形框的邊緣可被向下移動(北/西)。
w-resize 此遊標指示矩形框的邊緣可向左移動(西)。
text 此遊標指示文字。
wait 此遊標指示程式正忙碌(通常是一隻表或沙漏)。
help 此遊標指示可用的幫助(通常是一個問號或一個氣球)。

【推薦學習:javascript進階教學

以上是javascript怎麼隱藏滑鼠的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板