多款jQuery圆形图标导航菜单内容切换特效

多款jQuery圆形图标导航菜单内容切换特效，jQuery导航节点分布圆形循环信息动画切换展示效果。

分类：导航菜单 > 图标导航难易：初级

查看演示下载资源下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

js代码

<script src="js/jquery-1.11.0.min.js"></script>
<script src="src/s8CyrcleInfoBox.js" type="text/javascript"></script>
<script>$(".circle1").s8CircleInfoBox()</script>
<script>$(".circle2").s8CircleInfoBox({
	autoSlide: false,
	action: "click"
})</script>
<script>$(".circle3").s8CircleInfoBox({
	notResponsive: true,
	hoverStyle:"circleSelect3",
	slideSpeed: 500,
	breakpoint: 0

})</script>
<script>$(".circle4").s8CircleInfoBox({
	hoverStyle: "circleSelect4",
	spreadStyle: "right"
})</script>
<script>$(".circle5").s8CircleInfoBox({
	hoverStyle: "circleSelect4",
	spreadStyle: "left"
})</script>
<script>$(".circle6").s8CircleInfoBox({
	hoverStyle: "circleSelect4",
	spreadStyle: "top"
})</script>
<script>$(".circle7").s8CircleInfoBox({
	hoverStyle: "circleSelect4",
	spreadStyle: "bottom"
})</script>