index.html

<meta http-equiv="Content-Type"content="text/html; charset=UTF-8"/>
<!-- <style></style> -->
<link rel="stylesheet" href="幻雨之秋网址发布页_files/index.css" type="text/css">


<!-- <h1><a href="http://gouji.org/?post=317">代码出处</a></h1> 5cc9bc7c30814.jpg -->
<div id="bg"></div>
<div class="container">
    <div class="card">
      <img src="./幻雨之秋网址发布页_files/85730077dfeb6bc5046763b25a0594a7c1d53453.jpg" alt="Cangku">
      <h1>幻雨之秋</h1>
      <h2>一名兴趣使然的up主，什么都学一点。</h2>
      <a class="button" href="https://space.bilibili.com/17396743" target="_blank">B站</a>
<!--       <h2>B站点击访问</h2> -->
      <a class="button1" href="https://github.com/17396743" target="_blank">Github</a>
<!--       <h2>Github点击访问</h2> -->
      <a class="button2" href="https://www.jianshu.com/u/0c6f3525fe9b" target="_blank">简书</a>
<!--       <h2>简书点击访问</h2> -->
<!--      <a class="button3" href="http://hyzqacg.xyz/" target="_blank">个人介绍</a> -->
<!-- <h2>仅限中国用户访问</h2> -->
      <a class="button4" href="https://www.cnblogs.com/Hason" target="_blank">博客园</a>
<!--       <h2>博客园点击访问</h2> -->
      
    </div>
    <div>
        <script type="text/javascript">document.write(unescape("%3Cspan id='cnzz_stat_icon_1279773887'%3E%3C/span%3E%3Cscript src='https://s4.cnzz.com/z_stat.php%3Fid%3D1279773887%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script>
    </div>

<script>
// 
// 定义图片路径 {num} 为 可变的图片序号
// http://api.asilu.com/cdn/img/bg/{num}.jpg
// API更改 2021年1月14日08:19:33
// http://api.wod.xyz/Image/GetImage?cid=26&count=20&start=0&Type=1&getlastone=0
// http://api.wod.xyz/Image/GetImage?cid=26&count=0&start={num}&Type=1&getlastone=0
// https://tu.ltyuanfang.cn/api/fengjing.php    
var bgImgUrl = 'https://www.dmoe.cc/random.php', bgNum,
    bgImgArr = [],
    num = '1',
    bgDiv = document.getElementById("bg");
// 组合数组 此处 200 为 图开始序号 结束 210
for (var i=100000; i <= 200000; i++){
    bgImgArr.push(bgImgUrl.replace('{num}', i));
}
setBGimg();
function setBGimg(d){
    if(!bgNum || bgNum >= bgImgArr.length) bgNum = 0;
    bgDiv.style.opacity = .001;
    setTimeout(function(){
        bgDiv.style.backgroundImage = 'url('+ bgImgArr[bgNum] +')';
        bgNum++;
        bgDiv.style.opacity = 1;
    }, 1000);
    if(typeof d == 'undefined')
    setInterval(function(){setBGimg(true);}, 500000);
    // 上一行的 6000(已改50000) 是背景图片自动切换时间(单位 毫秒)
}
</script>