其他分享
首页 > 其他分享> > 博客背景进化

博客背景进化

作者:互联网

找了一圈度娘,下面两个是我选择食用滴:

  1.动态背景

  https://www.cnblogs.com/yzl0/articles/11440691.html

 

 

 

   一定先申请权限!!!

  

  页脚 HTML 代码 

<!-- 背景动画 -->
<script type="text/javascript" color="247,218,148" opacity='0.9' zIndex="-2" count="40" src="https://files.cnblogs.com/files/blogs/695767/canvas-nest.js"></script>

 

  color里的参数是(R,G,B),我设置的是 香水玫瑰黄(247,218,148)哈哈哈

  src里的参数详细参考上面大佬的链接~

 

 

  2.动态小人

  https://www.cnblogs.com/DirWang/p/13399088.html

  (其他大佬的代码表示实现不来TAT)

 

  页首 HTML 代码 

<script type="text/javascript" charset="utf-8" async="" src="https://cdn.jsdelivr.net/npm/live2d-widget@3.0.4/lib/L2Dwidget.min.js"></script>

  页脚 HTML 代码 

<!-- 右下角live2d效果 -->
<script type="text/javascript">
setTimeout(() => {
        L2Dwidget.init({
                "model": {
                        "scale": 1
                },
                "display": {
                        "position": "right",
                        "width": 125,
                        "height": 180,
                        "hOffset": 0,
                        "vOffset": -20
                },
                "mobile": {
                        "show": true,
                        "scale": 0.5
                },
                "react": {
                        "opacityDefault": 0.8,
                        "opacityOnHover": 0.1
                }
        });
}, 1000)
</script>

 

 

效果来啦

 

标签:www,进化,页脚,背景,代码,html,博客,HTML,cnblogs
来源: https://www.cnblogs.com/ynzhang2020/p/15054583.html