Canvas鼠标点击特效(富强民主...)收藏

Posted yunfeiyang-88

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Canvas鼠标点击特效(富强民主...)收藏相关的知识,希望对你有一定的参考价值。

<script>
    /* 鼠标特效 */
    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
            },
            1500,
            function() {
                $i.remove();
            });
        });
    });
</script>

  

以上是关于Canvas鼠标点击特效(富强民主...)收藏的主要内容,如果未能解决你的问题,请参考以下文章

鼠标点击特效js代码

博客园鼠标点击特效代码

博客园鼠标点击特效代码

鼠标点击富强民主的特性

鼠标点击自定义文字展现特效JS代码

背景样式(鼠标点击后心形图形)