<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" language="javascript">
var xfloag = true; yfloag = true;
var x = 100, y = 120;
function move() {
var div = document.getElementById("di");
di.style.left= x;
di.style.top = y;
x = x+5*(xfloag ? 1 :-1);
y = y+3*(yfloag ? 1 : -1);
if(x >845)
xfloag = false;
if(x < 0)
xfloag = true;
if(y > 470)
yfloag = false;
if(y < 0)
yfloag = true;
}
var timer = setInterval("move()", 50);
di.onmouseover = function() { clearInterval(timer); }
di.onmouseout = function() { timer = setInterval("move()", 50); }
</script>
</head>
<body onload="move()">
<div id="di" style="position:absolute;">
<img src="Images/1.gif" />
</div>
</body>
</html>
图片在窗体间移动效果(HTML+JavaScirpt)
5星 · 超过95%的资源 需积分: 10 94 浏览量
2011-10-25
17:25:37
上传
评论
收藏 1.81MB RAR 举报
huanhuan_123
- 粉丝: 3
- 资源: 52
最新资源
- python-leetcode面试题解之第157题用Read4读取N个字符-题解.zip
- python-leetcode面试题解之第156题上下翻转二叉树-题解.zip
- python-leetcode面试题解之第155题最小栈-题解.zip
- python-leetcode面试题解之第153题寻找旋转排序数组中的最小值-题解.zip
- python-leetcode面试题解之第152题乘积最大子数组-题解.zip
- python-leetcode面试题解之第151题反转字符串中的单词-题解.zip
- python-leetcode面试题解之第150题逆波兰表达式求值-题解.zip
- python-leetcode面试题解之第149题直线上最多的点数-题解.zip
- python-leetcode面试题解之第148题排序链表-题解.zip
- python-leetcode面试题解之第147题对链表进行插入排序-题解.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈