wordpress添加鼠标点击飘动文字特效——墨涩网

墨涩 • 2020-08-11 • 建站经验 • 1627 阅读

网站点击文字特效.gif

教程开始

1.打开wordpress后台

wordpress评论关闭 (8).jpg

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>

网站点击文字特效.jpg

提醒：

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

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

教程结束

版权声明：本文采用知识共享 署名4.0国际许可协议BY-NC-SA 进行授权
文章作者：墨涩
文章链接：https://www.sunweihu.com/7442.html
免责声明：本站为资源分享站，所有资源信息均来自网络，您必须在下载后的24个小时之内从您的电脑中彻底删除上述内容；版权争议与本站无关，所有资源仅供学习参考研究目的，如果您访问和下载此文件，表示您同意只将此文件用于参考、学习而非其他用途，否则一切后果请您自行承担，如果您喜欢该程序，请支持正版软件，购买注册，得到更好的正版服务。
本站为非盈利性站点，并不贩卖软件，不存在任何商业目的及用途，网站会员捐赠是您喜欢本站而产生的赞助支持行为，仅为维持服务器的开支与维护，全凭自愿无任何强求。

THE END
分享
二维码
打赏
海报
wordpress添加鼠标点击飘动文字特效——墨涩网
教程开始 1.打开wordpress后台 2.打开“外观”下面的“编辑”选中右侧的“主题页脚 (footer.php)”文件。 加入以下代 <script type="text/javascript"> /* ……
<<上一篇
下一篇>>