Question

我需要为子弹列表中的点设置动画，子弹列表是一个div，其中包含作为div的项目符号。

子弹点div包含一个图像和另一个具有子弹点文本的div，问题是当我尝试移动给定的子弹点div时，只移动图像。

我已尝试对.style.position进行各种更改但无济于事。我无法在jsfiddle.net上创建一个帐户，所以以下是一个只移动第一个项目符号点的工作示例：

while True:
    try:
        user_ans = int(input()) 
    except ValueError: 
        print ("That is not a valid answer")
        continue 
    else:
        break

如果我可以要求你复制/粘贴测试。下图是bullet_level_1.gif

https://angular-ui.github.io/bootstrap/

Answer 1

我需要将style.position设置为'relative'，然后top和left需要考虑图像（ONLY），一旦我这样做，div中的所有对象都将与div一起移动，例如：< / p>

...
var bulletImage = document.createElement('img');
bulletImage.src = bullet_src;
var imgW = bulletImage.width + 8;
var bulletFieldDiv = document.createElement('div');
bulletFieldDiv.style.position = 'relative';
bulletFieldDiv.style.top = '-' + (bulletImage.height + 8) + 'px';
bulletFieldDiv.style.left = imgW + 'px';
...

那就是说，我不知道为什么我需要额外的8px高度和宽度？

子弹点不移动，只有图像

1 个答案: