为wordpress网站添加鼠标点击上升文字特效
如下动图，良多站长是不是看到别人如许很心动？不要担忧，小编带你玩转鼠标特效。
东西/原料
- wordpress网站
- 网站本家儿题footer.php文件
方式/步调
- 1
起首把本家儿题栏面前目今的footer.php操纵ftp东西传到电脑桌面
- 2
用DW或记事本打开footer.php
- 3
在/body上面添加以下代码，并保留
<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": 9999999999999999999999999999999999999999,
"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>
- 4
最后操纵ftp上传笼盖footer.php文件，到网站前台就可以看到现实结果了
注重事项
- 字体文字若是想改换，自行替代文字即可
- 若是有帮忙到你，请稍微用鼠标点一个赞、投一票从而帮忙更多的人。
- 发表于 2018-04-16 00:00
- 阅读 ( 1057 )
- 分类：其他类型
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章