演示:http://ds.ddg.ink/

两种方法实现:

方法一:修改网页头部(推荐)
在网站有一个统一的header头部文件时,使用该方法把下面代码插入后即可。

<body>
<style>
    html,
    body {
        margin: 0;
        width: 100%;
        height: 100%;
    }
</style>
<div id="dynamic-background" style="width: 100%; height: 100%; position: fixed;z-index: -1;">
    <script>
        window.addEventListener("load", function(e){
            document.getElementById("dynamic-background").innerHTML = '<iframe src="https://tuapi.ddg.ink/acgppt.php" width="100%" height="100%" style="border: 0;"></iframe>';
               });
</script>
</div>
</body>

方法二:在网页任意位置添加js代码
使用该方法只需把下方js代码放在网页任意位置(放在html里时注意添加script标签),甚至放在全局js文件里都行。

window.addEventListener("load", function(e){
    var obj = document.createElement("div");
    obj.style = "width:100%; height:100%; position:fixed; z-index:-1;";
    obj.innerHTML= '<iframe src="https://tuapi.ddg.ink/acgppt.php" width="100%" height="100%" style="border: 0;"></iframe>';
    var first = document.body.firstChild;
    document.body.insertBefore(obj,first); 
});

API地址:https://tuapi.ddg.ink/

打赏站长

本站为个人博客,博客所发布的文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关,您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。访问和下载本站内容,说明您已同意上述条款。
Last modification:March 22nd, 2021 at 09:34 am