Swiper基本上使用
2015-07-20 17:33
351 查看
导入三个文件
jquery-1.11.1.min.js,swiper.min.js,swiper.min.css
攻略教程
http://www.swiper.com.cn/api/function/2014/1218/111.html
例子:只需要定义下Ban的高度即可,position:relatival ,这个可以不用定义
#Ban{height: 398px}
<div class="swiper-container" id="Ban">
<div class="swiper-wrapper">
<div class="swiper-slide bg-01">slider1</div>
<div class="swiper-slide bg-02">slider2</div>
<div class="swiper-slide bg-03">slider9999</div>
</div>
</div>
<script>
var mySwiper = new Swiper('#Ban',{
autoplay : 1000,
})
</script>
jquery-1.11.1.min.js,swiper.min.js,swiper.min.css
攻略教程
http://www.swiper.com.cn/api/function/2014/1218/111.html
例子:只需要定义下Ban的高度即可,position:relatival ,这个可以不用定义
#Ban{height: 398px}
<div class="swiper-container" id="Ban">
<div class="swiper-wrapper">
<div class="swiper-slide bg-01">slider1</div>
<div class="swiper-slide bg-02">slider2</div>
<div class="swiper-slide bg-03">slider9999</div>
</div>
</div>
<script>
var mySwiper = new Swiper('#Ban',{
autoplay : 1000,
})
</script>
相关文章推荐
- MySQL存储过程中使用WHILE循环语句的方法
- oracle创建表空间和用户
- Python变量的作用域
- 源代码安装mysql
- 源代码安装mysql
- Noip2011瑞士轮题解
- Android启动Activity之后阻止EditText自动获得焦点
- 使用gradle上传项目到jcenter
- Dalvik虚拟机和JVM的对比
- HttpServletRequest对象方法的用法
- day05--面向对象--String类
- Spring -- ApplicationContext使用及Bean的配置
- DFS hdu1258 Sum It Up
- POJ2429 GCD & LCM Inverse pollard_rho大整数分解
- 正则表达式怎么匹配非汉字非字母非数字之外的字符
- Cubic interpolation立方插值
- 阅读javaScript 的原型笔记
- GRE写作必备句型
- 【精卫四轴】开源制作过程
- 免费的IOS企业证书打包