1. 程式人生 > >適合移動手機使用的js環形選單特效外掛

適合移動手機使用的js環形選單特效外掛

blooming-menu是一款適合在移動手機上使用的js環形選單外掛。該環形選單提供了眾多的引數,通過結合CSS3動畫製作出效果非常炫酷的圓形選單展開和隱藏動畫效果。

下面是這個圓形選單菜價的可用引數:

  • opts.itemsNum:型別:Number,該引數為必填引數。該引數是選單項的數量。
  • opts.startAngle:型別:Number,預設值90。選單的開始角度。
  • opts.endAngle:型別:Number,預設值0。選單的結束角度。
  • opts.radius:型別:Number,預設值80。圓形選單的半徑。
  • opts.itemAnimationDelay:型別:Number,預設值0.04。圓形選單項動畫的延遲時間。
  • opts.animationDuration:型別:Number,預設值0.4。動畫的持續時間。
  • opts.fatherElement:型別:HTMLElement,預設值document.body圓形選單的父元素。
  • opts.itemWidth:型別:Number,預設值50。選單項的寬度。
  • opts.CSSClassPrefix:型別:String,預設值'blooming-menu__'。選單項的CSS class名稱字首。
  • opts.mainContent:型別:String,預設值+。主選單按鈕的內容。
  • opts.injectBaseCSS:型別:Boolean,預設值true。