gpt4 book ai didi

javascript - 如何使用javascript移动图像

转载 作者:行者123 更新时间:2023-11-28 12:22:55 25 4
gpt4 key购买 nike

我无法让这张图片向右移动任何人都可以帮助我刚刚开始编写脚本,我发现它非常困惑。

<html>
<head>
</head>
<body style="margin:0px;">
<img id="tank" style="position:absolute;"src="tank.png"/>
<script type="text/javascript">
var change = document.getElementById('tank').style.left = '0';

while(change < 200)
{
change++;
}
</script>
</body>
</html>

最佳答案

那个脚本有很多问题......

首先,您试图将一个整数设置为 CSS 长度 - 非零长度需要一个您没有提供的单位。

其次,原始值不会因为您希望它们而通过引用传递。然而,对象是。因此,您可以跟踪 document.getElementById('tank').style 并更改其 left 属性以移动图像。

第三,浏览器不会在脚本运行时重绘页面,这意味着如果你让脚本移动图像,它会立即到达它的结束位置(你甚至不会在开始时看到它由于脚本立即运行而导致的位置)。

我认为这涵盖了您做错的所有事情。下面是正确的做法。

(function() {
// don't leak variables into the global scope - think "variable = carbon dioxide"
var elem = document.getElementById('tank'), pos = 0,
timer = setInterval(function() {
pos++;
elem.style.left = pos+"px";
if( pos == 200) clearInterval(timer);
},25);
})();

关于javascript - 如何使用javascript移动图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11702319/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com