今天给大家分享一个鼠标点击效果,也是我改版后这个主题带的一个效果:
看上去是不是很好玩?
教程:
首先,需要引入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>
然后就完成了。
本文转载自痞子博客。