鼠标移动图片的示例代码
2005-03-07 00:30
513 查看
代码如下:
<img src="http://wpa.qq.com/pa?p=1:25941:13" onmousedown=one() onmousemove=two() onmouseup=end()><p>
<img src="http://www.nhacks.com/email/email.php?mail_e=HRF6emJKXwY%3D&iv=W4Eu5LY%3D&domain=R01haWw%3D&ext=0" onmousedown=one() onmousemove=two() onmouseup=end()><p>
Test Test...
<script>
var oldx=0,oldy=0,oldobj=null
function one(){
oldobj=event.srcElement
oldx=event.x-oldobj.offsetLeft;oldy=event.y-oldobj.offsetTop;
oldobj.style.position="absolute"
oldobj.setCapture()
}
function two(){
if(oldobj==null)return false
oldobj.style.left=event.x-oldx
oldobj.style.top=event.y-oldy
}
function end(){
oldobj=null;document.releaseCapture();
}
//work:muyuanhua
</script>
[Ctrl+A 全选 提示:你可先修改部分代码,再点运行代码]
<img src="http://wpa.qq.com/pa?p=1:25941:13" onmousedown=one() onmousemove=two() onmouseup=end()><p>
<img src="http://www.nhacks.com/email/email.php?mail_e=HRF6emJKXwY%3D&iv=W4Eu5LY%3D&domain=R01haWw%3D&ext=0" onmousedown=one() onmousemove=two() onmouseup=end()><p>
Test Test...
<script>
var oldx=0,oldy=0,oldobj=null
function one(){
oldobj=event.srcElement
oldx=event.x-oldobj.offsetLeft;oldy=event.y-oldobj.offsetTop;
oldobj.style.position="absolute"
oldobj.setCapture()
}
function two(){
if(oldobj==null)return false
oldobj.style.left=event.x-oldx
oldobj.style.top=event.y-oldy
}
function end(){
oldobj=null;document.releaseCapture();
}
//work:muyuanhua
</script>
[Ctrl+A 全选 提示:你可先修改部分代码,再点运行代码]
相关文章推荐
- js图片跟随鼠标移动代码
- 鼠标滚轮改变图片大小的示例代码
- 代码: CSS3动画,简单示例(鼠标移上去后,背景图片旋转)
- jquery实现鼠标拖动图片效果示例代码
- 随鼠标移动的图片或文字特效代码
- JS原生代码实现鼠标移动图片随之移动效果(另加点击改变图片效果)
- js鼠标移动在title中显示图片的效果代码
- JavaScript 控制图片改变重叠顺序的代码(鼠标移动切换)
- 鼠标滚轮改变图片大小的示例代码
- JS与CSS3实现图片响应鼠标移动放大效果示例
- jquery实现鼠标拖动图片效果示例代码
- js图片跟随鼠标移动代码
- 随鼠标移动的图片或文字特效代码
- JavaScript 控制图片改变重叠顺序的代码(鼠标移动切换)
- 纯CSS实现鼠标移动切换图片示例
- 鼠标拖动图片移动的JPanel代码
- 鼠标移动到图片显示大图的javascript代码
- 鼠标移动图片上遮罩效果
- NGUI 点击屏幕时在该点创建图片并跟随鼠标移动
- 图片鼠标移动缓慢运动效果