javacript 点击图片移动
2008-01-15 16:44
155 查看
<script language="javascript">
function move()
{
xa=window.event.clientX;
ya=window.event.clientY;
xb=Layer1.style.pixelLeft;
yb=Layer1.style.pixelTop;
x=xb;
if(xb<xa)
{
movelayer();
}
else
{
movelayer1();
}
}
function movelayer1()
{
if(x>=xa)
{
y=((ya-yb)*(x-xb))/(xa-xb)+yb;
Layer1.style.pixelLeft=x;
Layer1.style.pixelTop=y;
x--;
setTimeout('movelayer1()',100);
}
}
function movelayer()
{
if(x<=xa)
{
y=((ya-yb)*(x-xb))/(xa-xb)+yb;
Layer1.style.pixelLeft=x;
Layer1.style.pixelTop=y;
x++;
setTimeout('movelayer()',100);
}
}
</script>
<body onclick="move()">
<div id="Layer1" style="position:absolute; width:67px; height:41px; z-index:1; left: 360px; top:
230px">
<input name=i type=button onclick="javascript:location.href='mailto:wwwarden@yeah.net';"
value="wwwarden@yeah.net"></div>
</body>
function move()
{
xa=window.event.clientX;
ya=window.event.clientY;
xb=Layer1.style.pixelLeft;
yb=Layer1.style.pixelTop;
x=xb;
if(xb<xa)
{
movelayer();
}
else
{
movelayer1();
}
}
function movelayer1()
{
if(x>=xa)
{
y=((ya-yb)*(x-xb))/(xa-xb)+yb;
Layer1.style.pixelLeft=x;
Layer1.style.pixelTop=y;
x--;
setTimeout('movelayer1()',100);
}
}
function movelayer()
{
if(x<=xa)
{
y=((ya-yb)*(x-xb))/(xa-xb)+yb;
Layer1.style.pixelLeft=x;
Layer1.style.pixelTop=y;
x++;
setTimeout('movelayer()',100);
}
}
</script>
<body onclick="move()">
<div id="Layer1" style="position:absolute; width:67px; height:41px; z-index:1; left: 360px; top:
230px">
<input name=i type=button onclick="javascript:location.href='mailto:wwwarden@yeah.net';"
value="wwwarden@yeah.net"></div>
</body>
相关文章推荐
- Java写的一个简单的图片移动小程序
- MFC 图片控件图片加载以及鼠标移动事件和鼠标点击事件
- qt通过点击按钮跳转当前图片坐标实现图片移动
- JS图像映射的应用,在一个图片点击或移动到不同位置有不同响应
- java脚本的图片移动
- JavaWeb开发 html点击图片某区域进行操作
- java实现点击图片文字验证码
- 属性动画图片从上移动到屏幕中间,放大图片的二倍再缩小到原来,自定义圆实现倒计时,解析数据显示,点击条目实现js交互
- android点击实现图片放大缩小 - java技术博客
- 【javacript】获得点击的标签
- Jquery之鼠标移动到图片上显示文字并且文字可以点击
- 非常简单的图片轮播,自动轮播,按下和移动停止轮播,有点击事件
- JS图像映射的应用,在一个图片点击或移动到不同位置有不同响应
- java实现点击图片文字验证码
- 鼠标点击图片后移动事件
- 鼠标移动到图片出现按钮,点击删除图片
- 【Ubuntu】Ubuntu16.04移动Unity位置和点击图片最小化
- 让图片直线移动到鼠标点击位置,类似游戏里的人物走动!
- 点击图片随机移动位置
- java中image显示图片,随上下左右键移动