欢迎您光临92源码网,秉承服务宗旨,履行"站长"责任,销售只是起点,服务永无止境!

【WordPress美化教程】鼠标点击页面出现富强自由等文字特效

作者 : admin 本文共2568个字,预计阅读时间需要7分钟 发布时间: 2021-10-19 共170人阅读
注:未经许可的【搬运】和【账号共享】可能会被取消VIP【每个都会记录ip,多ip封禁账号】
本站所有资源来源于网络,分享目的仅供大家学习和交流!不得使用于非法商业用途,不得违反国家法律。否则后果自负! 本站提供的资源,都不包含技术服务请大家谅解!如有链接无法下载、失效或广告,请联系站长处理!

教程开始

柠檬为大家收集了两种实现方式。

找到wp-content/themes/ripro/parts/目录下找到diy-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
        },
        1500,
        function() {
            $i.remove();
        });
    });
});
</script>

第二种

 /* 鼠标特效 */
$(function() {
    var a_idx = 0,
        b_idx = 0;
    c_idx = 0;
    jQuery(document).ready(function($) {
        $(\\\\\\\"body\\\\\\\").click(function(e) {
            var a = new Array(\\\\\\\"欢迎您\\\\\\\", \\\\\\\"么么哒\\\\\\\", \\\\\\\"你真好\\\\\\\", \\\\\\\"棒棒哒\\\\\\\", \\\\\\\"真可爱\\\\\\\", \\\\\\\"你最美\\\\\\\", \\\\\\\"喜欢你\\\\\\\", \\\\\\\"真聪明\\\\\\\", \\\\\\\"爱你哦\\\\\\\", \\\\\\\"好厉害\\\\\\\", \\\\\\\"你真帅\\\\\\\", \\\\\\\"祝福你\\\\\\\"),
                b = new Array(\\\\\\\"#09ebfc\\\\\\\", \\\\\\\"#ff6651\\\\\\\", \\\\\\\"#ffb351\\\\\\\", \\\\\\\"#51ff65\\\\\\\", \\\\\\\"#5197ff\\\\\\\", \\\\\\\"#a551ff\\\\\\\", \\\\\\\"#ff51f7\\\\\\\", \\\\\\\"#ff518e\\\\\\\", \\\\\\\"#ff5163\\\\\\\", \\\\\\\"#efff51\\\\\\\"),
                c = new Array(\\\\\\\"12\\\\\\\", \\\\\\\"14\\\\\\\", \\\\\\\"16\\\\\\\", \\\\\\\"18\\\\\\\", \\\\\\\"20\\\\\\\", \\\\\\\"22\\\\\\\", \\\\\\\"24\\\\\\\", \\\\\\\"26\\\\\\\", \\\\\\\"28\\\\\\\", \\\\\\\"30\\\\\\\");
            var $i = $(\\\\\\\"<span/>\\\\\\\").text(a[a_idx]);
            a_idx = (a_idx + 1) % a.length;
            b_idx = (b_idx + 1) % b.length;
            c_idx = (c_idx + 1) % c.length;
            var x = e.pageX,
                y = e.pageY;
            $i.css({
                \\\\\\\"z-index\\\\\\\": 999,
                \\\\\\\"top\\\\\\\": y - 20,
                \\\\\\\"left\\\\\\\": x,
                \\\\\\\"position\\\\\\\": \\\\\\\"absolute\\\\\\\",
                \\\\\\\"font-weight\\\\\\\": \\\\\\\"bold\\\\\\\",
                \\\\\\\"font-size\\\\\\\": c[c_idx] + \\\\\\\"px\\\\\\\",
                \\\\\\\"color\\\\\\\": b[b_idx]
            });
            $(\\\\\\\"body\\\\\\\").append($i);
            $i.animate({
                \\\\\\\"top\\\\\\\": y - 180,
                \\\\\\\"opacity\\\\\\\": 0
            }, 1500, function() {
                $i.remove();
            });
        });
    });
    var _hmt = _hmt || [];
})
</script>

 

本站声明:
1. 本站所有资源来源于网络,分享目的仅供大家学习和交流! 2. 不得使用于非法商业用途,不得违反国家法律。否则后果自负! 3. 本站提供的资源,都不包含技术服务请大家谅解! 4. 如有链接无法下载、失效或广告,请联系站长处理!

再次声明:如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。


92源码网 » 【WordPress美化教程】鼠标点击页面出现富强自由等文字特效

常见问题FAQ

本站下载资源解压密码是什么?
本站所有资源解压密码均为www.92luntan.com或者www.huziy.com
免费下载或者VIP会员专享资源能否直接商用?
本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
Copyright © 2018-2022 92源码资源网 - All rights reserved 浙ICP备14006446号-2
开通VIP 享更多特权,建议使用QQ登录