一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

在html頁面上拖放移動標簽

1、設置標簽(如img, div等等)的樣式:將position設置為absolute,例如:
<div style="position:absolute" id="move_id" onmousedown="mousedown()" onmouseup="mouseup()">
2、用一個臨時元素來記錄標簽的狀態 。將臨時元素的display設置為none ,隱藏這個臨時元素,這里使用了input 扮演臨時元素。值為0表示這個標簽沒有被移動過。當你的鼠標在這個標簽上按下的時候,它的值被設置為1,表示準備拖放和移動
<input type="text" style="display:none" id="temp_id" value="0">
3、象下面一樣設置 <body> :
<body onmousemove="mousemove();">
4、最后看下JavaScript函數了:
代碼
復制代碼 代碼如下:
<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>

JavaScript技術在html頁面上拖放移動標簽,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 青青热久久综合网伊人 | 国产男人女人做性全过程视频 | 中国一级特黄真人毛片免费看 | 亚洲国产精品一区二区三区久久 | 国产一区二区三区免费播放 | 亚洲线精品一区二区三区 | 欧美一区二区三区视视频 | 亚洲国产天堂久久九九九 | 精品香蕉一区二区三区 | 天天色综网 | www.麻豆91| 午夜激情在线 | 成人在线视频免费看 | 五月婷婷综合激情网 | 狼人久久尹人香蕉尹人 | 秋霞日韩一区二区三区在线观看 | 精品国产乱码久久久久久浪潮 | 国产精品伦理一区二区三区 | 日本网络视频www色高清免费 | 国产激情一区二区三区成人91 | 美女扒开屁股让男人桶视频网站 | 操你综合| 欧美另类杂交a | 欧美亚洲综合另类成人 | 五月天999 | 最近最新中文字幕在线第一页 | 亚洲激情视频网站 | 521香蕉永久播放地址 | 88精品视频 | 大胆gogo999亚洲肉体艺术 | 久久无码精品一区二区三区 | 色哟哟在线网站 | 成人精品在线观看 | 国产乱人伦精品一区二区 | 午夜色大片在线观看 | 7色影院 | 国产亚洲视频在线观看 | 欧美日韩福利视频一区二区三区 | 欧美性在线观看 | 国产乱码精品一区二区三上 | 亚洲欧美日本在线 |