以下代码添加到当前主题的head.php或footer.php文件的</body>前，更新主题可能会被覆盖
<!---鼠标点击出现文字特效开始--->
<script type="text/javascript"> var a_idx = 0; jQuery(document).ready(function($) { $("body").click(function(e) { var a = new Arra("?","富强","?","民主","?","文明","?","和谐","?","自由","?","平等","?","公正","?","法治","?","爱国","?","敬业","?","诚信","?","友善"); var $i = $("<span></span>").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", "font-size": "10px", "animation": "heartbeat .25s infinite .1s", "color": "rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")" }); $("body").append($i); $i.animate({ "top": y - 180, "opacity": 0 }, 1000, function() { $i.remove(); }); }); }); </script>
<!---鼠标点击出现文字特效开始结束--->
这个代码是在网上很容易搜到的这个代码中仅仅加了一个换颜色的小功能。
代码来源：详情
<html>
<head>
<title>我的特效</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
</head>
<body>
<h2>I love you !</h2>
</body>
<script type="text/javascript">
/* 鼠标特效 */
var a_idx = 0;
jQuery(document).ready(function($) {
$("body").click(function(e) {
var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善");
var b = new Array("red","blue","yellow","green","pink","blue","orange");
var $i = $("<span/>").text(a[a_idx]);
a_idx = (a_idx + 1) % a.length;
b_idx = (a_idx+1)%7;/* 七中颜色变色 */
var x = e.pageX,
y = e.pageY;
$i.css({
"z-index": 9999,
"top": y - 20,
"left": x,
"position": "absolute",
"font-weight": "bold",
"color": b[b_idx]
});
$("body").append($i);
$i.animate({
"top": y - 180,
"opacity": 0
},
1500,
function() {
$i.remove();
});
});
});
</script>
</html>
- THE END -
最后修改：2022年8月9日
非特殊说明，本博所有文章均为博主原创。
如若转载，请注明出处：https://www.buzhiyu.com/wzdjtxsbdjcxwzxg/490.html
共有 0 条评论