首先非常感谢网友Nicky的无私分享，此作品是他分享到JquerySchool网站上的第二款作品，都是非常给力的，实现了jquery+css3响应式图片轮播特效，支持各种移动web，18种可选动画模式，可支持拖拽。。。
18种动画模式如下：
1、rollIn
2、fadeIn
3、fadeInUp
4、fadeInDown
5、fadeInLeft
6、fadeInRight
7、fadeInRight
8、bounceIn
9、bounceInDown
10、bounceInUp
11、bounceInLeft
12、 bounceInRight
13、rotateIn
14、rotateInDownLeft
15、rotateInDownRight
16、rotateInUpLeft
17、rotateInUpRight
18、random
页面初始化jquery代码如下：
$(function(){
$('#obo_slider').runbanner({
className: 'oneByOne1',
easeType: 'random', //动画参数
slideShow: true //为false时不会自动播放
});
})
效果如下：
如果您觉得本作品对您的学习有所帮助：
关键字：
网友Nicky 图片滚动 图片轮播 图片播放 滑动插件 动画插件 css3 Jquery焦点图 图片全屏显示 响应式