特效描述：jQuery 宽屏图片 3D旋转切换，jQuery支持响应式宽屏图片旋转切换，结合背景图片一起切换，图片3d旋转切换效果代码。
代码结构
1. 引入CSS
<link rel="stylesheet" href="css/style.css">
2. 引入JS
<script src="js/jquery.min.js"></script> <script src="js/banner.js"></script>
3. HTML代码
<h2>Devin Custome Plugin 2017/12/5 12:30:45</h2>
<div class='optionsArea'>
<p>this.defaults = {</p>
<p> imgArr : [] , //存放图片url数组</p>
<p> bgSwitchType : "fade" , //背景图切换方式（fade or slide） </p>
<p> switchDirection : "top" , //slide切换方式下的方向（top / bottom / left / right）</p>
<p> speed : 500 , //切换的速度</p>
<p> defaultHeight : 425 , //默认的整体的高度</p>
<p> };</p>
</div>
<br /><br /><br /><br /><br />
<div class='rotateBanner'></div>
<script>
var arr={imgArr:["images/1.jpg","images/2.jpg","images/3.jpg","images/4.jpg","images/5.jpg","images/6.jpg","images/7.jpg","images/8.jpg"]};
$(".rotateBanner").rotateBanner(arr);
</script>
