今天给大家分享一个鼠标点击效果,也是我改版后这个主题带的一个效果

看上去是不是很好玩?


教程:

首先,需要引入jq库

<script type='text/javascript' src='.../js/jquery.1.11.2.min.js'></script>

然后在网页合适的位置加上:

		<script type="text/javascript">
		$("html,body ").click(function(e) {
			var gcd = new Array("啊 ~啊~", "哦~哦~ ", "雅美蝶~ ", "一袋~ ", "嘿咻~嘿咻~", "一库~ ", "嗯~嗯~ ", "我去~ ", "我屮艸芔茻~ ");
			var n = Math.floor(Math.random() * gcd.length);
			var $i = $("<b/>").text(gcd[n]);
			var x = e.pageX,
				y = e.pageY;
			$i.css({
				"z-index": 99999,
				"top": y - 20,
				"left": x,
				"position": "absolute",
				"color": "#1ecd97"
			});
			$("body").append($i);
			$i.animate({
				"top": y - 180,
				"opacity": 0
			}, 1500, function() {
				$i.remove()
			});
			e.stopPropagation()
		});

		</script>

 

然后就完成了。

本文转载自痞子博客。

参与评论