鼠标单击特效随机出现指定文字

今天无意中看到遗传代码特别好玩就在博客测试了一下,可以在本文点击试试,虽然说暂时我可能用不到,但是收藏一下还是很有必要的,这个效果跟其他效果搭配使用应该会非常棒,我的想法是用在博客标签哪里,点击出现自己设置的标签,感觉挺好玩的,代码如下:
<script type="text/javascript">
    /* 鼠标特效 */
    var a_idx = 0;
    jQuery(document).ready(function ($) {
        $("body").click(function (e) {
            var a = [
                 "耍流氓", "耍无赖", "狼人杀"
            ];
            var b = [
                "#FFF68F", "#FFBBFF", "#FF0000", "#FF00FF", "#F08080",
                "#008000", "#7FFFAA", "#0000CD", "#0000FF", "#080808"
            ];
            var a_index = Math.floor((Math.random() * a.length));
            var b_index = Math.floor((Math.random() * b.length));
 
            var color = b[b_index];
            var $i = $("<span/>").text(a[a_index]);
            /* 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": color,
            });
            $("body").append($i);
            $i.animate({
                "top": y - 180,
                "opacity": 0
            }, 1500, function () {
                $i.remove();
            });
        });
    });
</script>
小控心
希望未来会越来越好!


登陆 注册

小控心

希望未来会越来越好!

  • 517运行天数
  • 843评论数量
  • 389文章数量

微信
APP

专属相册,记录属于我和你的每一个瞬间

小控心满眼都是小包子

查看相册