类《重装战姬》的网页点击特效

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

 .heart{
    width: 10px;
    height: 10px;
    position: fixed;
    z-index:99999;
    animation: anima 2.5s;  
    animation-delay: 1s;
    opacity: 0.8;
 }
@keyframes anima{
    50% {
        transform: scale(2);
        opacity: 1;
    }
    100% {
        transform: scale(0.2);
        opacity: 0;
    }
}

​    function de(a){
​        t.body.removeChild(a);
​    }
setTimeout (‘de(a)’,2000)  //报错, de is not defined.
setTimeout (de.bind(a),2000) //报错，a is not of type 'Node'.
setTimeout (de.bind(this,a),2000) // 对了

.ring{
    width: 56px;
    height: 56px;
    position: fixed;
    box-sizing: border-box;
    border: 2px solid #00e0ff;
    border-radius: 50%;
    overflow: hidden;
}

​        degree = Math.randMinMax(0, 360);
​        d = Math.randMinMax(0, 360);
​        s = Math.randMinMax(0.5,1.8);
​        var r = 45;
​        var x = Math.sin(d) * r ;
​        var y = Math.cos(d) * r ;

​        e.oncontextmenu=function(e){
​            i(e);
​            return false;
​  	   }