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

首頁 > 編程 > JavaScript > 正文

在html頁面上拖放移動標簽

2019-11-21 00:49:27
字體：大 中 小
供稿：網(wǎng)友
1、設置標簽（如img, div等等）的樣式：將position設置為absolute，例如：
<div style="position:absolute" id="move_id" onmousedown="mousedown()" onmouseup="mouseup()">
2、用一個臨時元素來記錄標簽的狀態(tài) 。將臨時元素的display設置為none ，隱藏這個臨時元素，這里使用了input 扮演臨時元素。值為0表示這個標簽沒有被移動過。當你的鼠標在這個標簽上按下的時候，它的值被設置為1，表示準備拖放和移動。
<input type="text" style="display:none" id="temp_id" value="0">
3、象下面一樣設置 <body> :
<body onmousemove="mousemove();">
4、最后看下JavaScript函數(shù)了：
代碼
復制代碼 代碼如下:

<script language="javascript" type="text/javascript">
function mousedown()
{
document.getElementById("temp_id").value = "1";

}
function mouseup()
{
document.getElementById("temp_id").value = "0";
document.getElementById("move_id").style.cursor = "default";
}
function mousemove()
{
if (document.getElementById("temp_id").value == "1")
{
document.getElementById("move_id").style.top = event.clientY - 10;
document.getElementById("move_id").style.left = event.clientX - 50;
document.getElementById("move_id").style.cursor = "move";
}
}
</script>

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板： 正安县| 偃师市| 泽库县| 柘荣县| 赤水市| 莆田市| 淮滨县| 凤城市| 天气| 本溪市| 赫章县| 武山县| 郓城县| 惠州市| 罗定市| 长寿区| 丰城市| 崇义县| 婺源县| 偃师市| 册亨县| 容城县| 洱源县| 福建省| 乐亭县| 黔西县| 东明县| 绥江县| 潮安县| 施甸县| 河西区| 达尔| 巴彦县| 广东省| 龙山县| 霍山县| 咸阳市| 绥芬河市| 香港| 鸡西市| 隆昌县|