Give you a example:
<html>
<head>
<script>
Object=null;
function MouseDown()
{
Object = event.srcElement.parentElement.style;
cx = event.offsetX;
cy = event.offsetY;
}function MouseUp()
{
Object = null;
}function MouseMove()
{
if(Object)
{
Object.pixelLeft = event.clientX - cx + document.body.scrollLeft;
Object.pixelTop = event.clientY - cy + document.body.scrollTop;
return false;
}
}document.onmousedown=MouseDown;
document.onmouseup=MouseUp;
document.onmousemove=MouseMove;
</SCRIPT>
</head>
<body>
<div id="spades" style="position:absolute;left:150;top:200;">
<img src="123.jpg" height=250 >
</div>
</body>
</html>
<html>
<head>
<script>
Object=null;
function MouseDown()
{
Object = event.srcElement.parentElement.style;
cx = event.offsetX;
cy = event.offsetY;
}function MouseUp()
{
Object = null;
}function MouseMove()
{
if(Object)
{
Object.pixelLeft = event.clientX - cx + document.body.scrollLeft;
Object.pixelTop = event.clientY - cy + document.body.scrollTop;
return false;
}
}document.onmousedown=MouseDown;
document.onmouseup=MouseUp;
document.onmousemove=MouseMove;
</SCRIPT>
</head>
<body>
<div id="spades" style="position:absolute;left:150;top:200;">
<img src="123.jpg" height=250 >
</div>
</body>
</html>
解决方案 »
- jquery 让光标焦点在文本框右边
- js是多线程的吗,为什么可以同时执行多个语句?
- 如何获取网页中的相对地址
- →请问如何让这段代码正常运行呢?
- 求一款js多媒体浏览插件
- 请问客户端的js能否控制切换使用者的输入法?
- 急问如何使js外的变量传到js中来??
- 怎样用JavaScript清除IE的历史记录(给分88)在线等
- 用javascript怎样改变<input type=password>的type属性为text?
- js操作注册表问题,在线等待,解决就给分,先谢了!!
- 如何在Javascript接收到asp中传递过来的数据呢?
- 发现window.open()里面get传值超长会引起JS指针错误
<html>
<head>
<script>
Object=null;
function MouseDown()
{
Object = event.srcElement.parentElement.style;
cx = event.offsetX;
cy = event.offsetY;
}function MouseMove()
{
if(Object)
{
Object.pixelLeft = event.clientX - cx + document.body.scrollLeft;
Object.pixelTop = event.clientY - cy + document.body.scrollTop;
return false;
}
}function MouseUp()
{
Object = null;
}document.onmousedown=MouseDown;
document.onmousemove=MouseMove;
document.onmouseup=MouseUp;
</SCRIPT>
</head>
<body>
<div id="spades" style="position:absolute;left:0;top:0;">
<img src="bj_01.png">
</div>
<div id="spades" style="position:absolute;left:0;top:0;">
<img src="bj_02.png">
</div>
<div id="spades" style="position:absolute;left:0;top:0;">
<img src="bj_03.png">
</div>
</body>
</html>
function MouseUp()
{
alert("图片现在的位置是:"+Object.pixelLeft+","+Object.pixelTop);
Object = null;
}
例如:<script>
Object=null;
function MouseDown()
{
Object = event.srcElement.parentElement.style;
cx = event.offsetX;
cy = event.offsetY;
}function MouseMove()
{
if(Object)
{
Object.pixelLeft = event.clientX - cx + document.body.scrollLeft;
Object.pixelTop = event.clientY - cy + document.body.scrollTop;
return false;
}
}function MouseUp()
{
Object = null;
}document.onmousedown=MouseDown;
document.onmousemove=MouseMove;
document.onmouseup=MouseUp;
</SCRIPT>
-----------------------------------------
<script>
document.form.数字某个图片位置x.value = 该图片坐标x;
document.form.数字某个图片位置y.value = 该图片坐标y;
</SCRIPT>
<FORM NAME="form">
1X: <INPUT TYPE="TEXT" NAME="1x">
1Y: <INPUT TYPE="TEXT" NAME="1y">
2X: <INPUT TYPE="TEXT" NAME="2x">
2Y: <INPUT TYPE="TEXT" NAME="2y">
3X: <INPUT TYPE="TEXT" NAME="3x">
3Y: <INPUT TYPE="TEXT" NAME="3y">
</FORM>
<div id="spades" style="position:absolute;left:0;top:0;">
<img src="bj_01.png">
</div>
<div id="spades" style="position:absolute;left:0;top:0;">
<img src="bj_02.png">
</div>
<div id="spades" style="position:absolute;left:0;top:0;">
<img src="bj_03.png">
</div>