我喜欢 symphony 之前的鼠标点击特效,solo 没有提供,那就改一下主题吧,
我选的是 favourite 主题。
1.找到主题根目录
2.在根目录下新建一个 js 文件夹
3.新建一个 js 文件,就叫 clickLove.min.js 吧
4.把代码粘贴进去,这里就不贴了,代码在下面
5.在当前主题根目录下找到
6.打开之后,在这两段代码加入引用
7.刷新,结束
(function(window,document,undefined){var hearts=[];window.requestAnimationFrame=(function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(callback){setTimeout(callback,1000/60)}})();init();function init(){css(".heart{width: 10px;height: 10px;position: fixed;z-index:999;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: absolute;}.heart:after{top: -5px;}.heart:before{left: -5px;}");attachEvent();gameloop()}function gameloop(){for(var i=0;i<hearts.length;i++){if(hearts[i].alpha<=0){document.body.removeChild(hearts[i].el);hearts.splice(i,1);continue}hearts[i].y--;hearts[i].scale+=0.004;hearts[i].alpha-=0.013;hearts[i].el.style.cssText="left:"+hearts[i].x+"px;top:"+hearts[i].y+"px;opacity:"+hearts[i].alpha+";transform:scale("+hearts[i].scale+","+hearts[i].scale+") rotate(45deg);background:"+hearts[i].color}requestAnimationFrame(gameloop)}function attachEvent(){var old=typeof window.onclick==="function"&&window.onclick;window.onclick=function(event){old&&old();createHeart(event)}}function createHeart(event){var d=document.createElement("div");d.className="heart";hearts.push({el:d,x:event.clientX-5,y:event.clientY-5,scale:1,alpha:1,color:randomColor()});document.body.appendChild(d)}function css(css){var style=document.createElement("style");style.type="text/css";try{style.appendChild(document.createTextNode(css))}catch(ex){style.styleSheet.cssText=css}document.getElementsByTagName("head")[0].appendChild(style)}function randomColor(){return"rgb("+(~~(Math.random()*255))+","+(~~(Math.random()*255))+","+(~~(Math.random()*255))+")"}})(window,document);
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于