前端鼠标点击弹出浮动文字--民主、和谐、爱国、自由等

版权声明:本文为博主原创文章,转载请注明出处。 https://blog.csdn.net/smallbabylong/article/details/80633869
  • 前端鼠标点击弹出浮动文字–民主、和谐、爱国、自由等
    直接将以下代码复制到头部或者说底部模板文件里或者任意公用文件或者任意html 文件。
    说明:此代码依赖jquery文件,一般网站都会有,具体显示啥也可以自己更改哦。
/* 鼠标特效 */
<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": 99999999999999999999999999999999999999999999999999999999999999999999999999 ,
                "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>

猜你喜欢

转载自blog.csdn.net/smallbabylong/article/details/80633869