自定义博客园

博客园开通js权限!!!

歌曲外链

去网易云找一个歌曲链接,直接复制到页首HTML代码的地方就行了。

<embed frameborder="no" border="0" marginwidth="0" marginheight="0" width=500 height=86 src="//music.163.com/outchain/player?
type=2&id=434902435&auto=1&height=66"/>

鼠标点击效果

<script type="text/javascript">
       var a_idx = 0;
       jQuery(document).ready(function($) {
       $("body").click(function(e) {
       var a = new Array("❤喜欢就关注一下吧❤","❤不是点这里哦❤","❤快去点赞❤","❤在文章最下面哦❤","❤快去推荐一下吧❤","❤感谢观看❤","❤");
       var $i = $("<span></span>").text(a[a_idx]);
       a_idx = (a_idx + 1) % a.length;
       var x = e.pageX,
       y = e.pageY;
       $i.css({
           "z-index": 999999999999999999999999999999999999999999999999999999999999999999999,
           "top": y - 20,
           "left": x,
           "position": "absolute",
           "font-weight": "bold",
           "color": "rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"
      });
       $("body").append($i);
       $i.animate({
           "top": y - 180,
           "opacity": 0
      },
       1500,
       function() {
           $i.remove();
      });
  });
});
</script>

 

 

雪花效果

```html
<script type="text/javascript">
       var a_idx = 0;
       jQuery(document).ready(function($) {
       $("body").click(function(e) {
       var a = new Array("❤喜欢就关注一下吧❤","❤不是点这里哦❤","❤快去点赞❤","❤在文章最下面哦❤","❤快去推荐一下吧❤","❤感谢观看❤","❤");
       var $i = $("<span></span>").text(a[a_idx]);
       a_idx = (a_idx + 1) % a.length;
       var x = e.pageX,
       y = e.pageY;
       $i.css({
           "z-index": 999999999999999999999999999999999999999999999999999999999999999999999,
           "top": y - 20,
           "left": x,
           "position": "absolute",
           "font-weight": "bold",
           "color": "rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"
      });
       $("body").append($i);
       $i.animate({
           "top": y - 180,
           "opacity": 0
      },
       1500,
       function() {
           $i.remove();
      });
  });
});
</script>

 

看板娘

<!-- 引用的别人提供的js -->
<script src="https://files.cnblogs.com/files/liuzhou1/L2Dwidget.min.js"></script>
<script>
   L2Dwidget.init({
       "model": {
           /*live2d外网,这里用的koharu*/
       jsonPath: "https://unpkg.com/live2d-widget-model-koharu@1.0.5/assets/koharu.model.json",
           "scale": 1
      },
       "display": {
           "position": "right",
           "width": 150,
           "height": 400,
           "hOffset": 0,
           "vOffset": -20
      },
       "mobile": {
           "show": true,
           "scale": 0.5
      },
       "react": {
           "opacityDefault": 0.7,
           "opacityOnHover": 0.2
      }
  });
</script>

 最后结果就酱。

 

 

posted @   鱼子酱caviar  阅读(70)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!
点击右上角即可分享
微信分享提示