℡小峰。 发表于 2021-3-4 10:07

随机二次元图片幻灯片效果代码

演示效果

https://www.kxdao.net/data/attachment/forum/202103/03/150203n1gfnafnzz8418fa.gif

方法一：修改网页头部（推荐）
在网站有一个统一的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.eees.cc/acgPicPPTShow/" 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.eees.cc/acgPicPPTShow/" width="100%" height="100%" style="border: 0;"></iframe>';
    var first = document.body.firstChild;
    document.body.insertBefore(obj,first);
});


API地址：https://tuapi.eees.cc/
演示地址：https://tuapi.eees.cc/ccoo/2020-10-8.html

jia158dd 发表于 2021-3-4 10:07


支持楼主，谢谢分享。

dwjdxl0 发表于 2021-3-4 10:07


感谢楼主的分享

smilespf 发表于 2021-3-4 10:08

谢谢分享

zhujianhua 发表于 2021-3-4 10:48

谢谢大牛

Starmk 发表于 2021-3-4 10:52

6666

1157786773 发表于 2021-3-4 11:12

多谢分享多谢分享

68441257 发表于 2021-3-4 11:35

感谢楼主分享

293350781 发表于 2021-3-4 11:42

谢谢大佬

wu8542353 发表于 2021-3-4 12:06

多谢楼主分享
页: [1] 2
查看完整版本: 随机二次元图片幻灯片效果代码