jQuery宽屏3D旋转切换图片

1、新建html文档。

3、书写hmtl代艨位雅剖码。<h2>jQuery宽屏3D旋转切换图片代码</h2><div class='optionsArea'> <p>this.defaults = {</p> <p> imgArr : [] , &nbsp;&nbsp;&nbsp;//存放图片url数组</p> <p> bgSwitchType : "fade" ,&nbsp;&nbsp;&nbsp;//背景图切换方式（fade or slide） </p> <p> switchDirection : "top" , &nbsp;&nbsp;&nbsp;//slide切换方式下的方向（top / bottom / left / right）</p> <p> speed : 500 , &nbsp;&nbsp;&nbsp;//切换的速度</p> <p> defaultHeight : 425 , &nbsp;&nbsp;&nbsp;//默认的整体的高度</p> <p> };</p></div><div class='rotateBanner'></div>

5、书写并添加js代码。<script src="js/jquery.min.js"></script><script src="js/banner.js"></script>

7、查看效果。