js製作滑鼠拖拽小塊

1. js css 滑鼠移入某個區域滑出一個框的效果怎麼做

1、輸入代碼，其中button是滑鼠要滑動的地方，滑過button時，class為content的內容就要顯示出來，滑鼠滑出去的時候，這塊內容就需要重新隱藏起來。

2. jquery 或js關於滑鼠單擊和拖拽的區別

滑鼠單擊，只是一個簡單的滑鼠點擊動作。而滑鼠拖拽比滑鼠單擊要復雜一版點，它包含了權：滑鼠點擊、滑鼠拖拽、滑鼠彈起。

另附js拖拽效果的實現原理：
大致分為三步：
①當滑鼠在模態窗體頭部點下(mousedown)時，立即給document綁定mousemove和mouseup事件
②當滑鼠沒有彈起時(沒有mouseup)時，若滑鼠在窗體內移動時，激活mouseMove函數，通過計算滑鼠移動的距離來及時整個窗體的位置移動。
③當滑鼠彈起(mouseup)時，調用mouseUp事件,將document上綁定的mousemove事件和mouseup事件解除綁定。

3. 高分！！用js在div里創建了一個iframe，實現拖拽，用滑鼠拖拽時很卡而且向下拖拽有問題，這是什麼回事

沒搞懂你objWin是什麼意思，全部改成td後才能成功移動，感覺並不卡。
<div id="td"></div>
<script>
td.onmousedown = function () {//滑鼠按下
this.style.cursor = "move"; //設置滑鼠樣式
var d = document;
a = window.event; //按下時創建一個事件
var x = a.clientX - document.body.scrollLeft - td.offsetLeft; //x=滑鼠相對於網頁的x坐標-網頁被捲去的寬-待移動對象的左外邊距
var y = a.clientY - document.body.scrollTop - td.offsetTop; //y=滑鼠相對於網頁的y左邊-網頁被捲去的高-待移動對象的左上邊距
d.onmousemove = function () {//滑鼠移動
a = window.event; //移動時創建一個事件
td.style.left = a.clientX + document.body.scrollLeft - x;
td.style.top = a.clientY + document.body.scrollTop - y;
};
d.onmouseup = function () {//滑鼠放開
td.style.cursor = "normal"; //設置放開的樣式
document.onmousemove = null;
document.onmouseup = null;
};
};
</script>

4. 當滑鼠移到DIV邊緣時變形並可以拖拽這DIV，這怎麼做呀最好不要用控制項

這個用js就能實現，我可以先給你個思路
用div的onmousemove事件，判斷滑鼠相對div的位置是否為邊緣（這個值得你自己設置）
改變div的cursor樣式，就能改變滑鼠外形
改變div的top 和 left 屬性，就能動態改變div的位置，即實現拖拽

5. js中如何拖動DIV中的圖片

代碼放出來看抄看

是不是冒襲泡和捕獲的問題
試試簡單的，看看點擊圖片時 div上的onclick事件有沒有被觸發

// 看起來是使用 jquery ,代碼貼完整些吧，
this.mousedown(function(){
中this是指向什麼對象都沒看出來

//加一個 return false
//另外 event.offsetX 並不兼容 firefox

$(document).mousemove(function(){
if(movestart){
$("#id1").css("left",event.clientX-x1+"px");
$("#id1").css("top",event.clientY-y1+"px");
return false;
}

})