Circular

jquery 扇形显示插件

使用说明：

1、引入样式，脚本及jquery

<link href="css/cicular.css" rel="stylesheet" type="text/css">

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

2、定义外框、ul及li

外框的容器需要高宽相等

<div class="demo">
  <ul>
    <li> <a href="#"><img src="images/01.png" width="50" height="50" />
      <p>天地玄黄，宇宙洪荒</p>
      </a> </li>
    <li> <a href="#"><img src="images/02.png" width="50" height="50" />
      <p>日月盈昃，辰宿列张</p>
      </a> </li>
......
  </ul>
</div>

3、脚本调用方法

var circ =$(".demo").circular();

4、参数

centerDeg 扇形中心线角度，单位：度，默认：90
allDeg 整个扇形角度，单位：度，默认：180
inner 内部圆形百分比，默认：50
hidden 开始时是否隐藏，默认：false
animation 动画类型，默认：zoom，其他：clockwise：顺时针展开，counterclockwise：逆时针展开，bothside：两侧展开
spacing 间距，单位：度，默认：0
time 动画时间，单位：秒，默认：0.5

5、方法

toHidden 隐藏方法
toShow 显示方法

http://blog.csdn.net/wuyt2008/article/details/53302880#t1

jerecao/Circular

Circular