效果如下:
1、首先要添加心形图标的 CSS
访问这个地址,填写你的邮箱
http://fontawesome.io/get-started/
然后你会收到它发来的一个 CDN 链接:
把这个链接粘贴到 SOLO 管理后台的 HTML head 中:
2、添加 Jquery 的 CDN:
<script src="http://cdn.bootcss.com/jquery/3.1.0/jquery.min.js"></script>
3、添加代码:
<script>
// mouse click special effects
var click_cnt=0;
jQuery(document).ready(function($) {
$("html").click(function(e) {
var n=18;
//var $i=$("<b></b>").text("+"+n);
var $i;
click_cnt++;
if(click_cnt==10) {
$i=$("<b></b>").text("OωO");
} else if(click_cnt==20) {
$i=$("<b></b>").text("(๑•́ ∀ •̀๑)");
} else if(click_cnt==30) {
$i=$("<b></b>").text("(๑•́ ₃ •̀๑)");
} else if(click_cnt==40) {
$i=$("<b></b>").text("(๑•̀_•́๑)");
} else if(click_cnt==50) {
$i=$("<b></b>").text("( ̄へ ̄)");
} else if(click_cnt==60) {
$i=$("<b></b>").text("(╯°口°)╯(┴—┴");
} else if(click_cnt==70) {
$i=$("<b></b>").text("૮( ᵒ̌皿ᵒ̌ )ა");
} else if(click_cnt==80) {
$i=$("<b></b>").text("╮(。>口<。)╭");
} else if(click_cnt==90) {
$i=$("<b></b>").text("( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃");
} else if(click_cnt>=100 && click_cnt<=105) {
$i=$("<b></b>").text("(ꐦ°᷄д°᷅)");
} else {
$i=$("<i class='fa fa-heart'></i>");
n=Math.round(Math.random()*14+6)
}
var x=e.pageX,y=e.pageY;
$i.css({
"z-index":9999,
"top":y-20,
"left":x,
"position":"absolute",
"color":"#E94F06",
"font-size":n,
"-moz-user-select": "none",
"-webkit-user-select": "none",
"-ms-user-select": "none"
});
$("body").append($i);
$i.animate(
{"top":y-180,"opacity":0},
1500,
function(){$i.remove();}
);
//e.stopPropagation();
});
});
</script>
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于