一个很漂亮的特效哦
这个特效主要是鼠标点击的时候出现一个文字(文字不断不固定),然后向上飘,慢慢变透明,最后透明度为零
ok,话不多说,上代码
/* 鼠标特效 */
var woedIndex = 0;
jQuery(document).ready(function($) {
$("body").click(function(e) {
var wordArr = new Array("富强","民主","文明","和谐","自由","平等","公正","法治","爱国","敬业","诚信","友善");
var wordBox = $("<span></span>").text(wordArr[woedIndex]);
woedIndex = (woedIndex + 1) % wordArr.length;
var x = e.pageX,
y = e.pageY;
wordBox.css({
"z-index": 999999,
"top": y - 20,
"left": x,
"position": "absolute",
"font-weight": "bold",
"color": "rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"
});
$("body").append(wordBox);
wordBox.animate({
"top": y - 180,
"opacity": 0
},1500,function() {
wordBox.remove();
});
});
});