为WordPress博客添加鼠标点击特效-内容可以随便加

2020-01-13 17:16 阅读: 132 次 隐藏边栏


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

直接上教程:

1.在主题目录下新建一个任意名的文件,比如本站用的dianji.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": 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>

2.把刚才的文件 dianji.php 调用代码添加到主题页脚(footer.php)文件的前面。

<?php get_template_part('dibulink');?>
下面刷新下,点击查看效果即可!
版权声明:本文著作权归原作者所有,欢迎分享本文,谢谢支持!
转载注明:阿里云CMS| 为WordPress博客添加鼠标点击特效-内容可以随便加
亦之博客-最专业的WordPress主题免费收集分享平台!

发表评论


表情