Solo 实现动态标题栏和页面樱花特效

1、动态标题栏

进入 Solo 后台管理-工具-偏好设定下的信息配置,在 页脚 中添加如下 js 代码即可

<!--切换标签实现网页标题变化-->
<script type="text/javascript">
    /*自动刷新页面,避免无法访问*/
    var OriginTitile = document.title;
    var titleTime;
    document.addEventListener('visibilitychange', function () {
        if (document.hidden) {
            document.title = '404啦!!!!∑(゚Д゚ノ)ノ ';
            clearTimeout(titleTime);
        } else {
            document.title = '哈哈,骗你的!ヾ(゚∀゚ゞ)';
            titleTime = setTimeout(function () {
                document.title = OriginTitile;
            }, 3000);
        }
    });
</script>
<!--切换标签实现网页标题变化 结束-->

2、页面樱花效果

进入 Solo 后台管理-工具-偏好设定下的信息配置,在 HTML head 中添加如下 js 代码即可

<!--鼠标点击特效-->
<script src="https://cdn.jsdelivr.net/gh/fz6m/Private-web@1.2/js/custom/click.min.js"></script>
<!--页面动态樱花-->
<script type="text/javascript"src="https://cdn.jsdelivr.net/gh/fz6m/Private-web@1.2/js/sakura/sakura-original.js"></script>

3、页面底部显示当前时间

进入 Solo 后台管理-工具-偏好设定下的信息配置,在 公告 中添加如下 js 代码即可

<div id="Date"></div>
<script type="text/javascript">
    setInterval(function(){
        var date = new Date();
        var year = date.getFullYear();    //获取当前年份
        var month = date.getMonth()+1;    //获取当前月份
        var day = date.getDate();         //获取当前日
        var h = date.getHours();          //获取小时
        var m = date.getMinutes();        //获取分钟
        var s = date.getSeconds();        //获取秒
        var d = document.getElementById('Date');
        d.innerHTML='当前时间:'+year+'-'+month+'-'+day+' '+h+':'+m+':'+s;
    }, 1000)
</script>

赞助商 我要投放

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • k8s

    太好了,刚刚加入 HacPai,搭建 solo 中,正好用上。我还用了天气的 API https://cj.weather.com.cn/plugin/pc ,博主用的是哪个主题?

    1 回复
  • codesensi

    我用的 PingHsu,自己又稍微改了一丢丢,暂时只放在了本地

  • PeterChu

    :nice:

  • cuijianzhe

    nice 🎉

  • hjljy

    同样是开发 为何你这么秀

  • huangrui1398016471

    太优秀了。膜拜大佬 ❤️

  • ellenbboe

    优秀

  • bylx

    我想收藏 !!!∑(゚Д゚ノ)ノ

  • bylx

    已收藏~

请输入回帖内容 ...