当前位置 : 主页 > 网页制作 > JQuery >

博客园爱心特效(鼠标点击页面)

来源:互联网 收集:自由互联 发布时间:2021-06-15
在博客园设置、博客侧边栏公告中复制该代码即可实现鼠标点击爱心特效。 /* 鼠标特效 / var a_idx = 0; jQuery(document).ready(function($) { $("body").click(function(e) { var a = new Array("?富强?","?民主?",

在博客园设置、博客侧边栏公告中复制该代码即可实现鼠标点击爱心特效。

/* 鼠标特效 /
var a_idx = 0;
jQuery(document).ready(function($) {
$("body").click(function(e) {
var a = new Array("?富强?","?民主?","?文明?","?和谐?","?自由?","?平等?","?公正?","?法治?","?爱国?","?敬业?","?诚信?","?友善?");
var $i = $("").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",
"color": "rgb("+(255Math.random())+","+~~(255Math.random())+","+(255
Math.random())+")" }); $("body").append($i); $i.animate({ "top": y - 180, "opacity": 0 }, 1500, function() { $i.remove(); }); }); }); 记得加上script标签

网友评论