jQuery三张焦点图一起滑动轮播幻灯片特效

使用方法：

引入jQuery库文件、插件JS文件和CSS样式文件

<link href="css/chinaz.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-2.0.2.min.js">script>
<script type="text/javascript" src="js/jquery-ui-1.10.4.min.js">script>
<script type="text/javascript" src="js/3-panel-slider.js">script>

HTML部分

<div id="slider">
	<div id="slider-panels">
		<div id="slider-panels-next"><span class="iconb" data-icon="">span>div>
		<div id="slider-panels-previous"><span class="iconb" data-icon="">span>div>
		<div id="slider-panel-images">
			<img src="images/1.jpg" width="900" height="400" />
			<img src="images/2.jpg" width="900" height="400" />
			<img src="images/3.jpg" width="900" height="400" />
			<img src="images/4.jpg" width="900" height="400" />
		div>
		<div id="slider-panel-left">
			<div id="slider-panel-left-carousel">div>
		div>
		<div id="slider-panel-center">
			<div id="slider-panel-center-carousel">div>
		div>
		<div id="slider-panel-right">
			<div id="slider-panel-right-carousel">div>
		div>
		<div id="slider-dots">div>
	div>
div>

就是这么简单，支持左右箭头按钮切换和 焦点圆点切换，还是比较大气的JS焦点图切换特效。