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;
}

})