GESTURE gesture notes

2023-01-30  

Addlove-click.js../hexo/themes/next/source/js/directory:

/ * Love special effects * /

!function (e, t, a) {
    
  function r() {
    
    for (var e = 0; e < s.length; e++) s[e].alpha <= 0 ? (t.body.removeChild(s[e].el), s.splice(e, 1)) : (s[e].y--, s[e].scale += .004, s[e].alpha -= .013, s[e].el.style.cssText = "left:" + s[e].x + "px;top:" + s[e].y + "px;opacity:" + s[e].alpha + ";transform:scale(" + s[e].scale + "," + s[e].scale + ") rotate(45deg);background:" + s[e].color + ";z-index:99999");
    requestAnimationFrame(r)
  }

  function n() {
    
    var t = "function" == typeof e.onclick && e.onclick;
    e.onclick = function (e) {
    
      t && t(), o(e)
    }
  }

  function o(e) {
    
    var a = t.createElement("div");
    a.className = "heart", s.push({
    
      el: a,
      x: e.clientX - 5,
      y: e.clientY - 5,
      scale: 1,
      alpha: 1,
      color: c()
    }), t.body.appendChild(a)
  }

  function i(e) {
    
    var a = t.createElement("style");
    a.type = "text/css";
    try {
    
      a.appendChild(t.createTextNode(e))
    } catch (t) {
    
      a.styleSheet.cssText = e
    }
    t.getElementsByTagName("head")[0].appendChild(a)
  }

  function c() {
    
    return "rgb(" + ~~(255 * Math.random()) + "," + ~~(255 * Math.random()) + "," + ~~(255 * Math.random()) + ")"
  }
  var s = [];
  e.requestAnimationFrame = e.requestAnimationFrame || e.webkitRequestAnimationFrame || e.mozRequestAnimationFrame || e.oRequestAnimationFrame || e.msRequestAnimationFrame || function (e) {
    
    setTimeout(e, 1e3 / 60)
  }, i(".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;}"), n(), r()
}(window, document);

/ * Core values of the main body of society * /
var a_idx = 0;
jQuery(document).ready(function ($) {
    
  $("body").click(function (e) {
    
    var a = new Array("Fuqiang", "Democratic", "Civilization", "Harmony", "Freedom", "Equality", "Justice", "rule of law", "Patriotic", "Realism", "Integrity", "Friendly");
    var $i = $("<span/>").text(a[a_idx]);
    a_idx = (a_idx + 1) % a.length;
    var x = e.pageX,
      y = e.pageY;
    $i.css({
    
      "z-index": 100000000,
      "top": y - 20,
      "left": x,
      "position": "absolute",
      "font-weight": "bold",
      "color": "#ff6651"
    });
    $("body").append($i);
    $i.animate({
    
      "top": y - 180,
      "opacity": 0
    }, 1500, function () {
    
      $i.remove();
    });
  });
});

../hexo/themes/next/layout/_layout.swigAt the end of the reference:

< - Page Click Xiaohongxin - >
 < script type = “ text / javascript ” src = “ / js / love-click.js ” > </ script > 

source

Related Posts

1 1 1 1 1 1

Pagling label implementation

Spring Boot series Spring @Value attribute injection and use summary

django sending email failed

GESTURE gesture notes

Random Posts

IOS development III controller use and custom label barbar The concept of

jquery实现简单收缩菜单

Thrift and ERLNIF efficiency comparison

ROS Study Notes Report Error (1): Publisher and Subscriper’s programming implementation error solution

CentOS7+Install Docker, and deploy it as a Docker mirror of the Note Service side