|
|
<div style="position:absolute" id="move_id" onmousedown="mousedown()" onmouseup="mouseup()">
2、用一個(gè)臨時(shí)元素來(lái)記錄標(biāo)簽的狀態(tài) 。將臨時(shí)元素的display設(shè)置為none ，隱藏這個(gè)臨時(shí)元素，這里使用了input 扮演臨時(shí)元素。值為0表示這個(gè)標(biāo)簽沒(méi)有被移動(dòng)過(guò)。當(dāng)你的鼠標(biāo)在這個(gè)標(biāo)簽上按下的時(shí)候，它的值被設(shè)置為1，表示準(zhǔn)備拖放和移動(dòng)。
<input type="text" style="display:none" id="temp_id" value="0">
3、象下面一樣設(shè)置 <body> :
<body onmousemove="mousemove();">
4、最后看下JavaScript函數(shù)了：
代碼
復(fù)制代碼 代碼如下:
<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技術(shù)：在html頁(yè)面上拖放移動(dòng)標(biāo)簽，轉(zhuǎn)載需保留來(lái)源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
