Javascript 将anime.js动画html文件作为背景加载到html中的某个部分

Javascript 将anime.js动画html文件作为背景加载到html中的某个部分,javascript,jquery,html,anime.js,Javascript,Jquery,Html,Anime.js,我正在尝试使用这个anime.js文件作为网站横幅的背景。这里 正文 更多文本 问题是因为您正在完全覆盖#banner元素的HTML,并完全删除其现有内容 要解决此问题,请分别创建对象元素,然后使用appendChild()将其添加到#banner元素: var obj=document.createElement('object'); obj.type='text/html'; obj.data='animation/index.html'; document.getElementByI

我正在尝试使用这个anime.js文件作为网站横幅的背景。这里


正文
更多文本


问题是因为您正在完全覆盖
#banner
元素的HTML,并完全删除其现有内容

要解决此问题,请分别创建
对象
元素,然后使用
appendChild()
将其添加到
#banner
元素:

var obj=document.createElement('object');
obj.type='text/html';
obj.data='animation/index.html';
document.getElementById('banner').appendChild(obj)

正文
更多文本


您需要一个元素来放入,也需要一个您不想放入的元素。(你可以有2个部分或1个部分中的2个div。)嗨,谢谢你的回答,但它只解决了我一半的问题。附加这个html会在内部div下面添加文件,我想在html文件的顶部加载内部div。动画加载在div下面,而不是后面。简单地说,我想重叠这些div。在这种情况下,这是您需要使用的HTML和JS,您只需要使用CSS将
#banner
设置为
位置:relative
,将包含的两个元素设置为
位置:绝对;顶部:0