我爱幽兰异众芳,不将颜色媚春阳。
西风寒露深林下,任是无人也自香。

WordPress 添加鼠标点击文字特效


本文共计629个字,预计阅读时长需要2分钟。

 

一个特别简单的办法就是把下面的代码直接加入到 WordPress 主题的 footer.php 文件中就行了。


<script type=”text/javascript”>
/*富强民主文明和谐*/
var a_idx = 0;
jQuery(document).ready(function($) {
$(“body”).click(function(e) {
var a = new Array(“富强”, “民主”, “文明”,
“和谐”, “自由”, “平等”, “公正” ,”法治”, “爱国”,
“敬业”, “诚信”, “友善”);
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”: 9999,
“top”: y – 20,
“left”: x,
“position”: “absolute”,
“font-weight”: “bold”,
“color”: “#46A3FF”
});
$(“body”).append($i);
$i.animate({
“top”: y – 180,
“opacity”: 0
},
1500,
function() {
$i.remove();
});
});
});
</script> 

注:var a = new Array(“富强”, “民主”, “文明”, “和谐”, “自由”, “平等”, “公正” ,”法治”, “爱国”, “敬业”, “诚信”, “友善”); 里面的文字可以按照喜好自行更换

 

赞(5) 打赏
转载请注明来源:微百知博客 » WordPress 添加鼠标点击文字特效
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏