JQueryUI-拖動(dòng)（Draggable）-光標(biāo)樣式-創(chuàng)新互聯(lián)

定義和用法

當(dāng)拖拽對(duì)象時(shí)定位光標(biāo)。默認(rèn)情況下，光標(biāo)是出現(xiàn)在被拖拽對(duì)象的中間。使用 cursorAt 選項(xiàng)來(lái)指定相對(duì)于 draggable 的另一個(gè)
位置（指定一個(gè)相對(duì)于 top、right、bottom、left 的像素值）。通過(guò)提供一個(gè)帶有有效的 CSS 光標(biāo)值的 cursor 選項(xiàng)，來(lái)自
定義光標(biāo)的外觀

創(chuàng)新互聯(lián)主要業(yè)務(wù)有網(wǎng)站營(yíng)銷策劃、成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作、微信公眾號(hào)開發(fā)、微信小程序、H5建站、程序開發(fā)等業(yè)務(wù)。一次合作終身朋友，是我們奉行的宗旨；我們不僅僅把客戶當(dāng)客戶，還把客戶視為我們的合作伙伴，在開展業(yè)務(wù)的過(guò)程中，公司還積累了豐富的行業(yè)經(jīng)驗(yàn)、營(yíng)銷型網(wǎng)站建設(shè)資源和合作伙伴關(guān)系資源，并逐漸建立起規(guī)范的客戶服務(wù)和保障體系。

示例

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>光標(biāo)樣式</title>
	<link rel="stylesheet" href="js/jquery-ui-1.12.1.custom/jquery-ui-1.12.1.custom/jquery-ui.min.css">
	<style>
		#draggable1,#draggable2,#draggable3,#draggable4,#draggable5,#draggable6{
			width: 100px;
			height: 100px;
			padding: 0.5em;
			float: left;
			margin: 0 10px 10px 0;
		}
	</style>
</head>
<body>
	<div id="draggable1" class="ui-widget-content">
	  	<p>我總是在中間（相對(duì)于鼠標(biāo)）</p>
	</div>

	<div id="draggable2" class="ui-widget-content">
	  	<p>我的光標(biāo)是在 left -5 和 top -5</p>
	</div>

	<div id="draggable3" class="ui-widget-content">
	  	<p>我的光標(biāo)位置只控制了 'top' 值</p>
	</div>

	<div id="draggable4" class="ui-widget-content">
	  	<p>我的光標(biāo)位置只控制了 'right' 值</p>
	</div>

	<div id="draggable5" class="ui-widget-content">
	  	<p>我的光標(biāo)位置只控制了 'bottom' 值</p>
	</div>

	<div id="draggable6" class="ui-widget-content">
	  	<p>我的光標(biāo)位置只控制了 'left' 值</p>
	</div>

	<script src="js/jquery-ui-1.12.1.custom/jquery-ui-1.12.1.custom/external/jquery/jquery.js" type="text/javascript" ></script>
	<script src="js/jquery-ui-1.12.1.custom/jquery-ui-1.12.1.custom/jquery-ui.min.js"></script>
	<script>
		$("#draggable1").draggable({
			cursor:"move",
			cursorAt:{
				top:56,
				left:56
			}
		});

		$("#draggable2").draggable({
			cursor:"move",
			cursorAt:{
				top:-5,
				left:-5
			}
		});

		$("#draggable3").draggable({
			cursor:"move",
			cursorAt:{
				top:0
			}
		});

		$("#draggable4").draggable({
			cursor:"move",
			cursorAt:{
				right:0
			}
		});

		$("#draggable5").draggable({
			cursor:"move",
			cursorAt:{
				bottom:0
			}
		});

		$("#draggable6").draggable({
			cursor:"move",
			cursorAt:{
				left:0
			}
		});
	</script>
</body>
</html>

輸出

JQueryUI-拖動(dòng)（Draggable）-光標(biāo)樣式

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

本文標(biāo)題：JQueryUI-拖動(dòng)（Draggable）-光標(biāo)樣式-創(chuàng)新互聯(lián)
URL標(biāo)題：http://www.aaarwkj.com/article48/gceep.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)頁(yè)設(shè)計(jì)公司、定制網(wǎng)站、品牌網(wǎng)站制作、微信小程序、動(dòng)態(tài)網(wǎng)站、網(wǎng)站制作

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

JQueryUI-拖動(dòng)（Draggable）-光標(biāo)樣式-創(chuàng)新互聯(lián)

定義和用法

示例

輸出