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
扇形中心线角度,单位:度,默认:90allDeg
整个扇形角度,单位:度,默认:180inner
内部圆形百分比,默认:50hidden
开始时是否隐藏,默认:falseanimation
动画类型,默认:zoom,其他:clockwise:顺时针展开,counterclockwise:逆时针展开,bothside:两侧展开spacing
间距,单位:度,默认:0time
动画时间,单位:秒,默认:0.5
5、方法
toHidden
隐藏方法toShow
显示方法