咱们在不少网站中都看见过鼠标点击网页就会出现文字冒泡的效果或是其余图案javascript
今天我就给你如何实现的方法,首先上代码:css
/* 鼠标点击特效 */
var span_idx = 0;
jQuery(document).ready(function($) {
$("body").click(function(e) {
var tt = new Array("你好吗?","我很好!","你快乐吗?","我很快乐!");
var $span_i = $("").text(tt[span_idx]);
span_idx = (span_idx + 1) % tt.length;
var x = e.pageX,
y = e.pageY;
$span_i.css({
"z-index": 9999999,
"top": y - 20,
"left": x,
"position": "absolute",
"font-weight": "bold",
"color": "#ff6651"
});
$("body").append($span_i);
$span_i.animate({
"top": y - 180,
"opacity": 0
},
1500,