jquery+css3動(dòng)畫弧形彈出菜單是js特效代碼制作的一個(gè)菜單彈出效果，單擊展開菜單，會(huì)扇形展開其下的子菜單，比較適用的移動(dòng)端的軟件制作，有需要的朋友歡迎來下載試用

js代碼簡(jiǎn)介：

JS代碼就是JavaScript編寫的腳本文件的代碼。用單獨(dú)文件保存，擴(kuò)展名為.JS

JS即Javascript，Javascript是一種由Netscape的LiveScript發(fā)展而來的腳本語(yǔ)言，主要目的是為了解決服務(wù)器終端語(yǔ)言，比如Perl，遺留的速度問題。當(dāng)時(shí)服務(wù)端需要對(duì)數(shù)據(jù)進(jìn)行驗(yàn)證，由于網(wǎng)絡(luò)速度相當(dāng)緩慢,只有28.8kbps，驗(yàn)證步驟浪費(fèi)的時(shí)間太多。于是Netscape的瀏覽器Navigator加入了Javascript，提供了數(shù)據(jù)驗(yàn)證的基本功能。

代碼引用：

<script type="text/javascript" src="js/jquery.min.js"></script>

<script type="text/javascript">

(function(){

var 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;a<i;a++){

    li.eq(a).css({

        'transition-delay':""+(50*a)+"ms",

        '-webkit-transition-delay':""+(50*a)+"ms",

        '-o-transition-delay':""+(50*a)+"ms",

        'transform':"translate("+(r*Math.cos(90/n*a*(Math.PI/180)))+"px,"+(-r*Math.sin(90/n*a*(Math.PI/180)))+"px",

        '-webkit-transform':"translate("+(r*Math.cos(90/n*a*(Math.PI/180)))+"px,"+(-r*Math.sin(90/n*a*(Math.PI/180)))+"px",

        '-o-transform':"translate("+(r*Math.cos(90/n*a*(Math.PI/180)))+"px,"+(-r*Math.sin(90/n*a*(Math.PI/180)))+"px",

        '-ms-transform':"translate("+(r*Math.cos(90/n*a*(Math.PI/180)))+"px,"+(-r*Math.sin(90/n*a*(Math.PI/180)))+"px"

    });

}

}else{

li.removeAttr('style');

}

});

})($);

</script>