给网站加上点击特效~

很久没写文章或者技术了,今天觉得网站比较枯燥,加了一个好玩的点击特效代码,今天来分享给大家吧

点击特效

<script type="text/javascript">
    var a_idx = 0;
    jQuery(document).ready(function($) {
        $("body").click(function(e) {
         var a = new Array("SYG94", "SYG", "SYG94", "SYG","SYG94");
            var $i = $("<span/>").text(a[a_idx]);
            a_idx = (a_idx + 1) % a.length;
            var x = e.pageX,
            y = e.pageY;
            $i.css({
                "z-index": 9999999999999999999999999999999999999999,
                "top": y - 20,
                "left": x,
                "position": "absolute",
                "font-weight": "bold",
                "color": "#ff0000"
            });
            $("body").append($i);
            $i.animate({
                "top": y - 180,
                "opacity": 0
           },
           2000,
            function() {
                $i.remove();
            });
        });
    });
    </script>

使用方法

请在footer页脚文件的代码 </body> 前面加上特效代码,保存即可。

内容修改代码位置(可增加)

var a = new Array("SYG94", "SYG", "SYG94", "SYG","SYG94");

特效颜色修改位置

 "color": "#ff0000"

我是用的颜色为红色,默认代码为#ff0000

如需修改请直接百度:颜色代码,即可找到自己喜欢的颜色代码哦~

 

本文由Nutssss原创,严禁转载

点赞

发表评论

电子邮件地址不会被公开。必填项已用 * 标注