国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 語(yǔ)言 > JavaScript > 正文

javascript 鼠標(biāo)拖動(dòng)圖標(biāo)技術(shù)

2024-05-06 14:11:35
字體：大 中 小
來(lái)源：轉(zhuǎn)載
供稿：網(wǎng)友
這個(gè)例子簡(jiǎn)單講就是鼠標(biāo)拖動(dòng)圖標(biāo)到它任意想去的地方
代碼
代碼如下:
<body>
<div id="block" style="width:100px; height:100px; position:relative; background-color:#FF0000";></div>
<script>
var bb = document.getElementById("block");
bb.onmousedown = function(){
//獲取鼠標(biāo)當(dāng)前坐標(biāo)
var pageX = event.clientX;
var pageY = event.clientY;
//獲取block的坐標(biāo)，左邊界和上邊界
var offX = parseInt(this.style.left)||0;
var offY = parseInt(this.style.top)||0;
//計(jì)算出鼠標(biāo)坐標(biāo)相對(duì)于block坐標(biāo)的間距
var offLX = pageX-offX;
var offLY = pageY-offY;
if(!document.onmousemove){
document.onmousemove = function(){
bb.style.left=event.clientX-offLX; //設(shè)置block的X坐標(biāo)
bb.style.top=event.clientY-offLY; //設(shè)置block的Y坐標(biāo)
}
}
}
document.onmouseup = function(){document.onmousemove = null;} //鼠標(biāo)彈起
</script>
</body>

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板： 宜城市| 潼关县| 日土县| 海林市| 恩施市| 克东县| 七台河市| 彰化县| 东至县| 长葛市| 平武县| 河池市| 美姑县| 利津县| 定兴县| 于田县| 石台县| 西乌| 丰宁| 阿拉善左旗| 五家渠市| 利津县| 凤山市| 临湘市| 东乌珠穆沁旗| 烟台市| 滦平县| 卢湾区| 公主岭市| 海宁市| 东阳市| 县级市| 射阳县| 南通市| 鸡泽县| 德庆县| 南溪县| 类乌齐县| 嘉祥县| 西乡县| 阳城县|