Javascript在事件中显示图像中心屏幕

我正在编写一个脚本，它将等待某人输入代码（上下左右b a），然后播放声音并在屏幕中央显示gif，然后在gif播放完毕后删除

我的问题是，如果没有document.body.appendChild（），我不知道如何显示gif，因为document.body.appendChild（）将gif放在网站的左下角。而且，我不知道如何让它在完成后消失

if（window.addEventListener）{
var key=[]，
顺序=“38,38,40,40,37,39,37,39,66,65”；
window.addEventListener（“向下键”，函数（e）{
按键。按键（如按键代码）；
if（key.toString（）.indexOf（sequence）>=0）{
//做一些事情，例如：
var iga=document.createElement（“img”）；
iga.src=”http://s18603.storage.proboards.com/6408603/i/nhMCfCO61NjYc1vLZrdY.gif";
文件.正文.附件（iga）；
var audio=新音频文件（'http://www.myinstants.com/media/sounds/igathrow.mp3');
音频播放（）；
键=[]；
};
}，对）；
};有多种可能的解决方案，但是在没有看到页面代码的情况下（并且假设您正在尝试使用普通javascript进行所有操作），唯一通用的解决方案是使用javascript将图像的position属性设置为absolute，然后通过检索屏幕尺寸来定位图像

 var winW = 630, winH = 460;
if (document.body && document.body.offsetWidth) {
 winW = document.body.offsetWidth;
 winH = document.body.offsetHeight;
}
if (document.compatMode=='CSS1Compat' &&
    document.documentElement &&
    document.documentElement.offsetWidth ) {
 winW = document.documentElement.offsetWidth;
 winH = document.documentElement.offsetHeight;
}
if (window.innerWidth && window.innerHeight) {
 winW = window.innerWidth;
 winH = window.innerHeight;
}

console.log('Window center X = '+(winW/2));
console.log('Window center Y = '+(winH/2));

如果不更好地理解页面结构和正在使用的css，我们将无能为力。布局问题需要从html/css开始，而不是从添加图像的文档的javascriptPost html代码开始。如果代码很长，请使用pastebin.com或simmilar站点。这是将在论坛所有页面上运行的插件的一部分。每个页面在全局包装中都有自己的div。如果这没什么帮助的话，很抱歉。我对这个很陌生。试验场地是