之前分享了一个可以左右滑动的模板(点这里去看看)，现再上传一个上下滑动版本，同样是使用的swiper.js ，只需要稍微改几个参数就行了。不过这两个模版有个特点，或者说很多wap插件都有这个特点，那就是如果展示的是纯图片，它的宽度会自适应屏幕到100%，但高度不会拉伸到100%，而是和宽度等比例缩放，换句话说模板中插入的图片尺寸就必须比较主流，比如640*960、640*920等等，否则图片底部有可能会看不见或者出现大量空白。具体做专题时建议用三种以上不同尺寸的手机进行测试。

    swiper.js传说在手机网页中相当流行，特别是静态的纯图片专题，它的特点就是体积小，甚至不用引入JQ。但我个人比较喜欢使用另外一个插件royalslider.js ，它的亮点就是自带了多种动态效果，还支持多媒体播放，最关键的一点是代码简洁。等下次有时间再把这个插件的模板整理出来。有兴趣的朋友可以在网上搜一下。话不多说，进入正题：

核心插件：swiper.js

使用范围：移动端

使用方法：打开演示网页，复制源代码即可使用。

演示地址：http://sfdesign.houselight.cn/demo/2014/M-swiper-up.html

扫二维码观看：

效果预览：