div可移動
『壹』 JS腳本如何實現DIV的移動
給div的omousedown指定匿名函數獲取當前的滑鼠坐標
然後在onmouseover中獲取實時的滑鼠坐標 根據div的屬性動態的設置width height top left 等屬性
onmouseup 釋放即可
『貳』 關於子DIV在父DIV中可以移動的問題
private void button1_Click(object sender, System.EventArgs e)
public override void Display(int depth)
{
Console.WriteLine(new string('-', depth) + name);
foreach (Component component in children)
{
component.Display(depth + 2);
}
}
『叄』 怎樣讓一個規定表層的div滑鼠可以隨便移動
讓div隨著滑鼠走，需要知道幾個關鍵點
如何獲取滑鼠的橫縱坐標。如何讓div在別的html代碼上移動。
var xx = e.originalEvent.x || e.originalEvent.layerX || 0;
var yy = e.originalEvent.y || e.originalEvent.layerY || 0;
$('#month').css({top: yy, left: xx});//注意這是用css的top和left屬性來控制div的。
還有個注意的地方，div要設置成絕對位置才可以。
position: absolute;
只有這樣div才能在其他的顯示元素上面隨便移動。
『肆』 div+css怎麼設置層可以拖動的效果
<! html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#main div{position:absolute;width:220px;height:150px;border:1px solid #999;}
</style>
<script type="text/javascript">
var a;
document.onmouseup=function(){if(!a)return;document.all?a.releaseCapture():window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP);a="";};
document.onmousemove=function (d){if(!a)return;if(!d)d=event;a.style.left=(d.clientX-b)+"px";a.style.top=(d.clientY-c)+"px";};
function $(o,e){a=o;document.all?a.setCapture():window.captureEvents(Event.MOUSEMOVE);b=e.clientX-parseInt(a.style.left);c=e.clientY-parseInt(a.style.top);}
</script>
</head>
<body>
<div id="main">
<div style="left:100px;top:100px;background:#fc9;" onmousedown="$(this,event)">1</div>
<div style="left:400px;top:100px;background:#9cf;" onmousedown="$(this,event)">2</div>
<div style="left:700px;top:100px;background:#f9c;" onmousedown="$(this,event)">3</div>
<div style="left:100px;top:300px;background:#9fc;" onmousedown="$(this,event)">4</div>
<div style="left:400px;top:300px;background:#c9f;" onmousedown="$(this,event)">5</div>
<div style="left:700px;top:300px;background:#cf9;" onmousedown="$(this,event)">6</div>
</div>
</body>
</html>
粘貼源碼 試試看
『伍』 如何讓點擊按鈕彈出的div只有用滑鼠拖著可以移動
就是想彈窗可以拖動吧
『陸』 如何讓DIV可編輯，可拖動
存到資料庫里。 每個DIv對應一條記錄。 每條記錄時都有該DIV的坐標 補充： 1.獲取：每回次頁面刷新或答是首次載入時從資料庫讀出每一個DIV的坐標，然後根據坐標顯示。 2.保存，當你每次移動後，你給一個保存位置按鈕，如果點擊保存位置即把資料庫中...
『柒』 如何讓頁面中的DIV可以用滑鼠拖動呢有沒有可以實現的方法
1.data寫錯了
應該這樣寫: data:'classId='+$("#TextBox2").val()+'&publisher='+$("#TextBox3").val()
2.這個是通過url進行訪問webservice，需要配置一下回web.config
在webconfig裡面的<system.web>節內答加上
<webServices>
<protocols>
<add name="HttpSoap"/>
<add name="HttpPost"/>
<add name="HttpGet"/>
<add name="Documentation"/>
</protocols>
</webServices>
『捌』 怎麼用JS實現當一個div(div可拖動)覆蓋另一個div時消失
這個跟html元素復的定位方式有關.
div默認的制是 後面一個div根據前一個div來定位. 也就是相對定位;
而你這里需要的,實際上就是兩個div根據他們的父容器來定位, 也就是絕對定位. 並且, 後面一個div覆蓋到前一個上面.
所以, 你應該使用的是
<style>.parentDiv{position:relative;}.div1{position:absolute;z-index:1;}.div2{position:absolute;z-index:2;}</style><div class="parentDiv"><div class="div1">我在下面</div><div class="div2">我在上面</div></div>
『玖』 頁面上有多個div，用戶可以自己移動和關閉div
用JS實現
保存用戶修改的參數
可以參考QQ空間的模塊自定義效果
『拾』 DIV框架怎麼移動。
DIV框架怎麼移動?無非就是向左或是向右移動。
。float: inherit指繼承父親的移動方式，專有的瀏覽屬器是不支持的；
left 指div向左移動；
right 指div向右移動；
none 指div不移動；
這在個基礎上你要是要實現其他什麼效果，比如距離父親像左偏離100px等，你可以設置div的margin、padding等之類的屬性。具體情況具體而言。不過div移動無非就是向左或是向右移動。