WAP手机版 RSS订阅 加入收藏  设为首页
源码仓库
当前位置:首页 > 源码仓库

网站“富强,民主,和谐”点击特效

时间:2018/7/15 14:09:45   作者:原创/转载   来源:皓宸资源网   阅读:3369   评论:0

运行效果如图:

 

网站“富强,民主,和谐”点击特效

 

小编提示:你可以先修改部分代码再运行。里面的文字,包括颜色都可以修改成你自己喜欢的哦。

代码如下:

<script type="text/javascript">

var a_idx = 0;

jQuery(document).ready(function($) {

    $("body").click(function(e) {

        var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善");

        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": 999999999999999999999999999999999999999999999999999999999999999999999,

            "top": y - 20,

            "left": x,

            "position": "absolute",

            "font-weight": "bold",

            "color": "#ff6651"

        });

        $("body").append($i);

        $i.animate({

            "top": y - 180,

            "opacity": 0

        },

        1500,

        function() {

            $i.remove();

        });

    });

});

</script>


标签:网站代码 网站特效 
皓宸资源网 - 本站版权说明

1、本站资源只保证发布时有效,不保证长期能用!请自行测试;

2、如果您发现该资源不能下载,请到评论区告知 或 通知站长修复链接地址;

3、本站部分内容收集于互联网,如果有侵权内容、不妥之处,请联系站长删除;

4、官方微信订阅号:“皓宸资源网”,不定期推送各种优质线报;

5、官网交流QQ群:26539955 、淘宝白菜价分享群:661316546;

感谢大家一路的支持,有什么好的建议或者意见加群联系我们的管理哦;


相关评论

本类更新

本类推荐

本类排行

本站部分内容收集于互联网,如果有侵权内容、不妥之处,请联系站长QQ234691删除。敬请谅解! 蜀ICP备17042499号-1