wordpress丨为WordPress系统添加鼠标点击特效

2018年5月19日18:04:00 发表评论 1,637 人围观

wordpress丨为WordPress系统添加鼠标点击特效

鼠标点击飞出文字,可以自定义文字,颜色等,效果如本站

将以下代码添加进你的网站要显示页面的代码里,一般都是放在脚部,

/* 鼠标特效 */
var a_idx = 0;
jQuery(document).ready(function($) {
$("body").click(function(e) {
var a = new Array("欧米伽", "OMG", "欧买噶", "学习", "分享", "互助", "和谐" ,"健康", "快乐", "成长", "牛逼", "666");
var $i = $("<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",
"color": "#17c0c6e6"
});
$("body").append($i);
$i.animate({
"top": y - 180,
"opacity": 0
},
1500,
function() {
$i.remove();
});
});
});
</script>
</div><!-- .site -->

更知鸟主题直接 放在后台 主题页脚(footer.php)文件的<?php wp_footer(); ?>前面。

 

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: