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

网站点击文字特效.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"> /* ……
<<上一篇
下一篇>>