心跳、动态线条背景特效【js】

最新推荐文章于 2025-10-01 16:44:10 发布

原创

最新推荐文章于 2025-10-01 16:44:10 发布 · 1.2k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#js

将下列JS代码引入你的页面机即可实现点击页面出现心跳、页面动态背景，效果展示

clicklove.js

!(function (e, t, a) {
   
   
  function n() {
   
   
    c(
      ".heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}.heart:after,.heart:before{content: '';width: inherit;height: inherit;background: inherit;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: fixed;}.heart:after{top: -5px;}.heart:before{left: -5px;}"
    ),
      o(),
      r();
  }
  function r() {
   
   
    for (var e = 0; e < d.length; e++)
      d[e].alpha <= 0
        ? (t.body.removeChild(d[e].el), d.splice(e, 1))
        : (d[e].y--,