【WordPress美化教程】鼠标点击页面泛起茂盛自由等文字特效

2021-03-08 0 149

wordpress主题教程_WordPress添加网站文章内容页字数统计代码

教程最先

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

WordPress获取文章统计数目及谈论数目_wordpress教程教程

找到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\": 9
            \"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\": 9
                \"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>

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

一直被模仿,从未被超越!

常见问题
  • 本站所有源码都是通过互联网采集而来,不保证源码得完整性和可用性,如果介意请勿购买!
查看详情
  • 本站源码不提供任何服务帮助。本站只是提供源码,不提供服务帮助!
查看详情

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务