本文分享自 http://www.cnblogs.com/scavengers/p/3760449.html 最近使用Swipe.js，发现中文的资料很少，试着翻译了一下。能力有限，翻译难免错漏，欢迎指出，多谢！ 翻译自：http://www.idangero.us/sliders/swiper/a
swiper是一个比较好的轮播滑动插件，他的优点就不多说了，用过的都说好！亲可以去官网亲自测试。前段时间做了一个滑动引导页，需要有丰富的动画效果，虽然都是手写的效果，但是总觉得太麻烦，现在可以用swiper Animate来实现丰富的动画效果。官网的讲解也是非常简单，这里我自己做了个简单的小例子。效...
分类：
其他好文 时间：
2016-01-27 12:50:10
阅读次数：
300
$(".swiper-slide").click(function(){ var index = imgarr[$(this).index()]; var content = ""; $(".mengceng").sh...
分类：
Web程序 时间：
2016-01-18 17:30:55
阅读次数：
138
注：今天在用swiper.js做商品轮播图的时候，遇到了在使用flexbox的前提下，子元素设置flex:1;所有子元素被挤在一期的现象（未执行到swipe）；原因竟然是因为没有设置：flex-shrink属性。flex-shrink：默认值：1适用于：flex子项继承性：无动画性：是计算值：指定值...
分类：
其他好文 时间：
2015-11-30 13:00:25
阅读次数：
152
Swiper demo Slide 1 Slide 2 Slide 3 Slide 4 Slide 5 ...
分类：
Web程序 时间：
2015-11-30 00:37:45
阅读次数：
216
最近闲来，把眼睛从pc端向移动端转移了下，尝试着去写移动端的专题，屏幕适配的问题，真是把我虐了一遍又一遍。也意识到，自己在css还很弱。做专题前，我去学习了swiper插件，一款易学易用，功能强大的插件，同时学习了里面的Swiper Animate插件，是用来快速制作CSS3动画效果的，瞬间解决.....
分类：
移动开发 时间：
2015-11-27 14:52:55
阅读次数：
300
在网站开发过程中遇到这样的一个问题：在主页面中使用angular-ui-route来路由加载其他页面(tpl_main.html),在其他页面中使用了swiper,但是显示的时候并没有达到预想的能有手动拖拽显示的立体效果,页面进行错误排查,最后发现的问题是由于在由ui-route引入的页面中使用的....
分类：
其他好文 时间：
2015-11-20 19:31:14
阅读次数：
143
swiper.js能适用于用PC网页，也能使用移动端页面，之前用TouchSwipe，感觉没有swiper.js强大，TouchSwipe有一个bug,在滑动区域有连接的时候（大面积的a），默认点击会无效，只能滑动，即时用jq去模拟点击也是失效的，也许是自己没有发现正确使用方法，求问度娘，发现swi...
分类：
移动开发 时间：
2015-10-20 12:05:32
阅读次数：
451
用于初始化一个Swiper，返回初始化后的Swiper实例。swiperContainer : 必选，HTML元素或者string类型，Swiper容器的css选择器，例如“.swiper-container”。parameters : 可选，参见配置选项。列：initialSlide设定初始化时s...
分类：
其他好文 时间：
2015-10-19 12:36:02
阅读次数：
359
iframe对应的div: 记录 点击加载页面到iframe。对应的js：//iframe自适应高,onload会在iframe没加载完时就触发，所以要加上setTimeout,防止自适应高度出现为零的情况function autoHeight() { setTi...
分类：
其他好文 时间：
2015-10-14 18:11:22
阅读次数：
224
