gpt4 book ai didi

javascript - 如何将带有动画的 div 添加到网页?

转载 作者:行者123 更新时间:2023-11-28 09:57:27 25 4
gpt4 key购买 nike

基本上是尝试将激光束放在屏幕上来射击坏人。就像 Space Invaders 或 Galaga 一样,但当我点击按钮时,我似乎无法让激光真正移动。这是我的:

<html>
<body>
<div id="container"></div>
<button type='button'>click me</button>
<div id="laser" style="display: none; background-color:red; width:100px; height:50px"></div>
<script>
$(document).ready(function()
{
$('button').click(function()
{
$('#container').append($('#laser'));
$('#laser').show()
$('#laser').animate({left:'500px'},5000);
});
)};
</script>

http://jsfiddle.net/C2S8k/363/

最佳答案

position:absolute;left:0 添加到 #laser 并将脚本移动到底部,以便在按钮存在时添加 eventListener。

http://jsfiddle.net/8KA59/1/

关于javascript - 如何将带有动画的 div 添加到网页?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24852656/

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