纯代码实现WordPress鼠标特效鼠标点击出现文字效果

点击鼠标会出现富强”, “民主”, “文明”, “和谐”, “自由”, “平等”, “公正” ,”法治”, “爱国”, “敬业”, “诚信”, “友善”等字眼
博客网站放置目录都在：footer.php文件

复制下面代码：

第一种

/* 鼠标特效 */
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": "#ff6651"
});
$("body").append($i);
$i.animate({
"top": y - 180,
"opacity": 0
},
1500,
function() {
$i.remove();
});
});
});

第二种（文字会不一样了）

/* 鼠标特效 */
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": 999,"top": y - 20,"left": x,
 "position": "absolute","font-weight": "bold","color": "#ff6651"}); $("body").append($i);$i.animate({ "top": y - 180,"opacity": 0},1500, function() {$i.remove();});});});var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?068e8f57dc240ec2a0129120cf63a255";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();

赏 支付宝扫码打赏 微信打赏

如果我的文章对你有帮助，欢迎移至上方按钮打赏