Air Design 4 标准页脚

将以下代码添加到您的网页中，您就可以获得和本社区同款的页脚。
该页脚免费开源。

/*页脚*/

.footer_line {
margin-top: 40px;
background-color: #eee;
height: 0.5px;
width: 100%;
text-align: center;
}

.footer {

width: 100%;
padding: 20px 0;
top: 0;
background-color: var(--background_color);
}
footer {

color: var(--describe_color);
line-height: 25px;
font-size: 13px;
text-align: center;
vertical-align:middle

}

footer a {
color: var(--describe_color);
transition: 0.3s linear;
text-decoration: none;

}

footer a:hover{
color: var(--theme_color);
transition: 0.3s linear;
text-decoration: none;

}

上方是 CSS 文件

<script src="https://api.deing-dev.com/space_ui/VUE/vue.js"></script>
<div class="footer_line"></div>
<div class="footer">
<footer>Copyright 2022 © Dehoing 保留所有权利</footer>
<footer><a href="https://prospectos.mysxl.cn" target="_blank">逐梦社</a> | <a href="https://ccn.ink" target="_blank">山谷生态</a> | <a href="#" target="_blank">友链占位</a></footer>
<footer>    {{date}} |

<span id="day"></span>

<span id="hms"></span>
</footer>
<footer><a href="https://icp.gov.moe/?keyword=20226016" target="_blank"><img src="https://api.deing-dev.com/web/icp/ico64.png" width="12px">萌ICP备20226016号</a></footer>

</div>
<script type="text/javascript"><br />
      const vm1 = new Vue({<br />
        el: '.footer',<br />
        data: {<br />
          date: '本页加载于' + new Date().toLocaleString(),<br />
        }<br />
      })</p>
<p>  </script>
<script>var now = new Date();<br />
                function createtime() {<br />
                    var grt = new Date("5/19/2022 11:32:00");<br />
                    now.setTime(now.getTime() + 250);<br />
                    days = (now - grt) / 1000 / 60 / 60 / 24;<br />
                    dnum = Math.floor(days);<br />
                    hours = (now - grt) / 1000 / 60 / 60 - (24 * dnum);<br />
                    hnum = Math.floor(hours);<br />
                    if (String(hnum).length == 1) {<br />
                        hnum = "0" + hnum;<br />
                    }<br />
                    minutes = (now - grt) / 1000 / 60 - (24 * 60 * dnum) - (60 * hnum);<br />
                    mnum = Math.floor(minutes);<br />
                    if (String(mnum).length == 1) {<br />
                        mnum = "0" + mnum;<br />
                    }<br />
                    seconds = (now - grt) / 1000 - (24 * 60 * 60 * dnum) - (60 * 60 * hnum) - (60 * mnum);<br />
                    snum = Math.round(seconds);<br />
                    if (String(snum).length == 1) {<br />
                        snum = "0" + snum;<br />
                    }<br />
                    document.getElementById("day").innerHTML = "蝶梦社区已度过 " + dnum + " 天 ";<br />
                    document.getElementById("hms").innerHTML = hnum + " 小时 " + mnum + " 分 " + snum + " 秒";<br />
            }<br />
            setInterval("createtime()", 250);</script>

上方是 HTML 文件

       

【蝶梦社区】温馨提醒：

本站所有文章都可以进行提问，有问必答，欢迎骚扰！

如果您喜欢我们，请收藏本站，您将得到更好的服务。 如有侵权请邮件与我们联系处理。

           

       投诉建议        成为大会员        Dehoing Store

© 转载请联系作者，私自转载视为侵权！