码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-11-06 13:39:20      阅读:122      评论:0      收藏:0      [点我收藏+]

标签:z-index   pac   java   col   class   UNC   index   move   end   

<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鼠标点击特效(富强、民主...)、收藏

标签:z-index   pac   java   col   class   UNC   index   move   end   

原文地址:https://www.cnblogs.com/yunfeiyang-88/p/11804242.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!