如何解决div达到特定PX时发生的火灾事件
| 嗨,如果可以的话,请看一下我的代码,并告诉我下一步我想要得到什么结果。<script type=\"text/javascript\">
function doMove1() {
foo1.style.left = parseInt(foo1.style.left)+1+\'px\';
setTimeout(doMove1,20); // call doMove in 20msec
}
function start1() {
foo1 = document.getElementById(\'fooObject\'); // get the \"foo\" object
foo1.style.left = \'0px\'; // set its initial position to 0px
doMove1(); // start animating
}
window.onload = start1;
</script>
<body>
<div id=\"fooObject\">
<img src=\"images/pac.gif\" width=\"38\" height=\"38\"></div>
</body>
基本上发生的是图像在屏幕上移动。我要完成的工作是,当图像达到某个px(假设为900px)时,我希望事件触发。关于完成此任务的任何提示我是初学者,我整天一直在努力寻求帮助。
解决方法
只需在
doMove1
中添加支票即可:
function doMove1() {
var left = parseInt(foo1.style.left,10) + 1;
if (left >= 900) {
trigger_my_event();
} else {
foo1.style.left = left + \'px\';
setTimeout(doMove1,20); // call doMove in 20msec
}
}
有帮助吗?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。