鼠标特效，点击出现跳跃文字

开篇寄语

作为一名网页设计师和平面设计师，做出完美的事物是必备的理念。偶然翻看网页，发现有人分享出一段鼠标特效代码，可以让鼠标在页面每点击一次，跳出文字，一个词，或一个句子，感觉挺有意思的，我粘贴到下面，以飨大家……

代码如下

<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",
       });
       $("body").append($i);
       $i.animate({
           "top": y - 180,
           "opacity": 0
       },
       1500,
				  
       function() {
           $i.remove();
       });
   });
});
</script>

效果嘛，在网站内随便点击一下就可以看出来了。

我稍微解释一下，new Array()内的内容，可以自己改，添加或者删除，样式可以字css内修改。以后有时间的话，我会研究下如何让内容随机出现，而不是现在按顺序，还有就是随机颜色，每点击一次，换一下颜色。

如果使用的是Wordpress，可以把这段代码复制粘贴到footer.php这个文件的 <?php wp_footer(); ?>前。