博客园美化鼠标点击效果【富强民主文明和谐……】

博客园鼠标点击效果

富强民主文明和谐……等字体出现，上升，最后消失

演示

点击本博客园任何页面的中间部分即可出现效果

代码如下

<script type="text/javascript">var a_idx = 0;jQuery(document).ready(function($) {$("body").click(function(e) {var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善");var $i = $("<span/>").text(a[a_idx]);a_idx = (a_idx + 1) % a.length;var x = e.pageX,y = e.pageY;$i.css({"z-index": 999999999999999999999999999999999999999999999999999999999999999999999,"top": y - 20,"left": x,"position": "absolute","font-weight": "bold","color": "#ff6651"});$("body").append($i);$i.animate({"top": y - 180,"opacity": 0},1500,function() {$i.remove();});});});</script>

使用方法

复制上面的代码，登录博客园，进入后台，点击设置，找到到页脚HTML代码，最后将代码粘贴到页脚HTML代码并保存即可