效果如下:
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>
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于