wordpress添加鼠标点击飘动文字特效

wordpress添加鼠标点击飘动文字特效

教程开始

1.打开wordpress后台

wordpress添加鼠标点击飘动文字特效

2.打开“外观”下面的“编辑”选中右侧的“主题页脚 (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></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": "rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"
        });
        $("body").append($i);
        $i.animate({
            "top": y - 180,
            "opacity": 0
        },
        2500,
        function() {
            $i.remove();
        });
    });
});
</script>

wordpress添加鼠标点击飘动文字特效

提醒:

(“富强”, “民主”, “文明”, “和谐”, “自由”, “平等”, “公正” ,”法治”, “爱国”, “敬业”, “诚信”, “友善”)文字可以修改为其他的话。

“font-weight”: “bold”(文字样式), “color”: “#ff6651″(文字颜色)根据需要自定义。

教程结束


站内资源声明

本资源仅用于个人学习收藏欣赏,禁止任何其他行为的使用

  1. 1、本网站名称:H5宝库
  2. 2、本站永久网址:https://www.h5bk.com
  3. 3、游客请注册本站用户后,再下载资源。本站暂不开放第三方登录,请牢记自己的注册邮箱,以便找回密码。
  4. 4、坚持【每日签到】可获得站内积分,积分可免费兑换站内精品资源和更多服务。
  5. 5、本站资源来源于互联网收集/个人购买,如有内容侵犯到您的权益,请查看【版权声明】
  6. 6、本资源和内容来自互联网搜索,仅允许个人学习或测试研究使用,未经原版权作者许可,禁止用于任何商业环境,任何人不得擅作它用,否则后果自负!请在下载24小时内删除!为尊重作者版权,请购买原版作品,支持你喜欢的作者,谢谢!
  7. 7、本文资源和内容,仅供站长个人学习测试使用。站内资源不保证任何完整性和安全性,请自行检查。站内资源不包含任何技术服务,请大家谅解。有问题留言讨论!

为作者充电
人已赞赏
网站教程

amWiki 轻文库:静态html源码搭建教程

2021-4-25 12:09:27

网站教程

WordPress程序MySQL数据库常见数据表字段解释

2021-4-25 12:14:03

0 条回复 A文章作者
    暂无讨论,说说你的看法吧

解锁会员资源

开通会员

解锁海量优质VIP资源

立即开通

个人中心
购物车
优惠劵
今日签到
搜索