jQuery弧形弹出菜单动画

JSvar ul=$("#navs"),li=$("#navs li"),i=li.length,n=i-1,r=120; ul.click(function(){ $(this).toggleClass('active'); if($(this).hasClass('active')){ for(var a=0;ali,#navs:after{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;-webkit-border-radius:50%;background-color:#4ECDC4;}#navs>li{transition:all .6s;-webkit-transition:all .6s;-moz-transition:.6s;}#navs:after{content:attr(data-close);z-index:1;border-radius:50%;-webkit-border-radius:50%;}#navs.active:after{content:attr(data-open);}#navs a{width:40px;height:40px;display:inline-block;border-radius:50%;-webkit-border-radius:50%;text-decoration:none;color:#fff;font-size:0.8em;}

在线演示        积分下载        6毛下载        砍两刀下载