前端开发—轮播插件vegas

1. VEGAS介绍

vegas是一款响应式的背景轮播插件

2. VEGAS下载

下载地址：http://vegas.jaysalvat.com/documentation/transitions/

3. VEGAS使用

1. 引入vegas.min.css

   <link rel="stylesheet" href="css/vegas.min.css" />
   

2. 引入jquery和vegas.min.js

   <script type="text/javascript" src="js/jquery.min.js"></script>
   <script type="text/javascript" src="js/vegas.min.js"></script>
   

3. 调用vegas方法

   $(function(){
   	$("body").vegas({
   		//slides是添加背景图片
   		slides:[
   		    { src : 'images/bg1.jpg' },
   		    { src : 'images/bg2.jpg' },
   		    { src : 'images/bg3.jpg' },
   		    { src : 'images/bg4.jpg' }
   		],
   		//fade是图片间的过度方式，具体选项可参考官网，有很多方式
   		transition : 'fade'
   	 });
    })