jquery+css3响应式图片轮播特效(可调用18种动画类型,可拖拽滑动)

都是非常给力的，实现了jquery+css3响应式图片轮播特效，支持各种移动web，18种可选动画模式，可支持拖拽。。。

分类：图片代码 > 图片滑动难易：初级

查看演示下载资源下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

首先引用文件

<link href="style/style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/jquery.min.js"></script> 
<script type="text/javascript" src="js/jquery-runbanner.js"></script>

页面初始化jquery代码如下：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

$('#obo_slider').runbanner({
		className: 'oneByOne1', 	             
		easeType: 'random',  //动画参数
		slideShow: true  //为false时不会自动播放
	});