html修炼养成--怎样使用Swiper
2015-12-18 10:27
549 查看
1.什么是Swiper?
Swiper是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端。
Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。
Swiper开源、免费、稳定、使用简单、功能强大,是架构移动终端网站的重要选择!
**具体的Demo演示建议访问官方网站:点击打开官网
Swiper制作3D效果的方法多种多样。cube和coverflow可以轻松的实现3D过渡,如果你想制作其他新颖的切换方式,推荐使用progress。
progress可以帮助你获取到滑块的进度索引。
2.怎样使用Swiper?
![](http://img.blog.csdn.net/20151218152655653?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
插件的下载链接在这里:点击打开下载
![](http://img.blog.csdn.net/20151218152751504?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
![](http://img.blog.csdn.net/20151218152811781?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
![](http://img.blog.csdn.net/20151218152831205?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
![](http://img.blog.csdn.net/20151218152901148?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
![](http://img.blog.csdn.net/20151218152919977?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
![](http://img.blog.csdn.net/20151218152946353?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
测试包链接:点击打开测试包链接
Swiper是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端。
Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。
Swiper开源、免费、稳定、使用简单、功能强大,是架构移动终端网站的重要选择!
**具体的Demo演示建议访问官方网站:点击打开官网
Swiper制作3D效果的方法多种多样。cube和coverflow可以轻松的实现3D过渡,如果你想制作其他新颖的切换方式,推荐使用progress。
progress可以帮助你获取到滑块的进度索引。
2.怎样使用Swiper?
插件的下载链接在这里:点击打开下载
测试包链接:点击打开测试包链接
相关文章推荐
- 解决HTML表格连续超长英文字符串不能正确换行问题
- html input标签的type属性的使用
- html修炼养成--关于在swiper中添加动画的方法
- html table
- Html在网页、页面中放置Swf、Flash 背景
- HTML插入SWF
- innerHTML 属性
- 在HTML中src和href的区别
- html embed用法
- Razor和HtmlHelper的使用意义
- HTML - 键盘事件
- HTML中DIV与SPAN的区别
- 伪静态是什么?伪静态与普通html静态网页区别?
- html乱码原因与网页乱码解决方法
- html使用include出现乱码乱字符号解决方法
- 如何选择使用的HTML标签
- xml+xsl与html的结合
- 常用正则表达式大全!(例如:匹配中文、匹配html)
- 火狐浏览器打开html文件,中文乱码
- html 恶作剧无限弹窗