我喜欢 symphony 之前的鼠标点击特效,solo 没有提供,那就改一下主题吧,
我选的是 favourite 主题。
1. 找到主题根目录
2. 在根目录下新建一个 js 文件夹
3. 新建一个 js 文件,就叫 clickLove.min.js 吧
4. 把代码粘贴进去,这里就不贴了,代码在下面
5. 在当前主题根目录下找到
imagepng
6. 打开之后,在这两段代码加入引用
imagepng
7. 刷新, 结束trollface

(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);

  • B3log

    B3log 是一个开源组织,名字来源于“Bulletin Board Blog”缩写,目标是将独立博客与论坛结合,形成一种新的网络社区体验,详细请看 B3log 构思。目前 B3log 已经开源了多款产品: PipeSoloSymWide 等,欢迎大家加入,贡献开源。

    3022 引用 • 3731 回帖 • 659 关注
  • Solo

    Solo 是一款小而美的 Java 博客系统,通过一个命令就可以启动使用。

    339 引用 • 2931 回帖 • 698 关注
  • 特效
    2 引用 • 3 回帖
感谢    赞同    分享    收藏    关注    反对    举报    ...