js—–博客园鼠标点击特效

把以下代码放到页首Html代码里,或者页脚Html代码(设置--->页首/脚Html代码)里。如下图:

 

<script type="text/javascript">/* 鼠标特效 */var a_idx = 0;jQuery(document).ready(function($) { $("body").click(function(e) { var a = new Array("?","?","?","?","?","?","?","?","?","?","?","?"); var $i = $("<span></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": "rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")" }); $("body").append($i); $i.animate({ "top": y - 180, "opacity": 0 }, 1500, function() { $i.remove(); }); });});</script>

 

 

 

 

原文:https://www.cnblogs.com/wkfvawl/p/9414180.html

相关文章