为WordPress博客添加点击特效

2017年12月4日14:01:51为WordPress博客添加点击特效已关闭评论 32
摘要

添加点击特效,(“富强”, “民主”, “文明”, “和谐”, “自由”, “平等”, “公正” ,”法治”, “爱国”, “敬业”, “诚信”, “友善”)等。

添加点击特效,("富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善")等。

为WordPress博客添加点击特效

教程

添加到主题页脚(footer.php)文件的<?php wp_footer(); ?>前面。

代码

<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"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();

});

});

});

</script>

转载:诗梦博客

ITBIJI