引用jQuery实现背景轮播滚动
客户要求头部背景轮播滚动，本来是懒省事不想引插件，就自己写了一个，结果好家伙，写了 一上午 一天。不多说，直接上代码
外层.pc-first一定要设置position、width、height、overflow:hidden。
#topBannerBckImg里面放的是需要展示的背景图。
支持更改的属性为：
bckImg：背景图item序列
bckImgSum：默认显示bckImg下标的背景图
bckImgSpeed：背景切换速度
animateSpeed：背景切换动画时间
bckImgShow：当前显示的背景图，默认值不要动
flag：节流阀，防止窗口切换长时间后页面动画异常
after：显示背景图的元素class
before：显示背景图的元素class
rollType：切换方式，支持 top | right | bottom | left
都是些基础语法，主要是为了兼容ie，animate属性值无法使用[]写法些动态对象属性（哪位大佬知道如何写兼容ie的动态对象属性请教教小弟吧），轮播思路：（以“rollType”等于“top”为例）
1、默认显示after，befor在after上方，滚动after、befor同时向下推。
| 滚动前 | 滚动后 |
| befor | 空 |
| after显示 | befor显示 |
| 空 | after |
2、将after放到befor上方，滚动after、befor同时向下推
| 滚动前 | 滚动后 |
| after | 空 |
| befor显示 | after显示 |
| 空 | befor |
3、......以下省略
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！