swipe.js--移动WEB页面内容触摸滑动类库 参考http://www.jiawin.com/swipe-mobile-touch-slider 1、swipe只提供简单轮播切换,底部的圆点颜色切换需要重新写html,自定义方便。 2、当你用点击或者手势控制了之后,轮播图就不会自动滚动了,需要 ...
分类:
其他好文 时间:
2017-08-06 23:11:44
阅读次数:
363
写在前面: 微信小程序学的不太多,做了一个简单的项目,回来很快时间内把在深圳两天的房租给赚回来了。 这次我主要想总结一下微信小程序实现上下滚动消息提醒,主要是利用swiper组件来实现,swiper组件在小程序中是滑块视图容器。 我们通过vertical属性(默认为false,实现默认左右滚动)设置 ...
分类:
微信 时间:
2017-08-02 21:05:09
阅读次数:
1133
首先去官网下载swiper的css样式及js文件。链入需要的页面 一些基本的滑动块样式及分页器样式什么的,在自己的css样式中重新定义 在js中配置 ,直接写在html中就好,写在body里最下面 需要其他配置可直接参考官网上的文档 http://www.swiper.com.cn/api/ ...
分类:
移动开发 时间:
2017-07-31 19:56:34
阅读次数:
430
npm install vue-awesome-swiper --save //基于vue使用的轮播组件 ...
分类:
其他好文 时间:
2017-07-26 17:53:17
阅读次数:
1901
1.html+css+js (基本) js(没掌握好)2.简单的框架:bootstarp jq 插件 (百度) 一些效果插件(跟着文档教程很容易上手的) 比如移动端有一个(swiper) 轮播插件 3.原来的MVC架构( 把我们前端分为3层 M 是数据层 V 视图层 C 控制层 中间层 )4. 前后 ...
分类:
其他好文 时间:
2017-07-26 01:41:59
阅读次数:
172
<div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"></div> <div class="swiper-slide"></div> <div class="swiper-slide ...
分类:
其他好文 时间:
2017-07-25 22:50:50
阅读次数:
545
angular 在使用外部插件swiper 还是有不少小坑的,下面来聊一聊。angular在使用swiper 的一些坑 一开始觉得使用外部引入的方式比较好,就在外部定义了。简单快捷方便, 但是在开发后期,发现会出现这样的bug (首次加载swiper 不起作用,只有在二次刷新的时候,才能发挥作用。) ...
分类:
其他好文 时间:
2017-07-23 12:36:15
阅读次数:
135
swiper.js官网:http://www.swiper.com.cn/api/Images/2015/0308/213.html 设为true开启图片延迟加载,使preloadImages无效。需要将图片img标签的src改写成data-src,并且增加类名swiper-lazy。背景图的延迟加 ...
分类:
Web程序 时间:
2017-07-21 18:17:28
阅读次数:
3247
适合上下滑屏、左右滑屏等滑屏切换页面的效果 slip.js iSlider.js fullpage.js swiper.js ...
分类:
其他好文 时间:
2017-07-11 21:28:26
阅读次数:
141
我们在写移动端的时候会有滑动和点击导航后滑动到目标页面功能;而这个功能如果自己写的话会很麻烦,所以我在这推荐一下swiper这个插件。 其实swiper中的官网中也有这种功能的实现,但是我认为是有点麻烦的。而我在网上也没找到。所以我通过查找和研究弄出了这种方法(也可能有人这么用了); 话不多说,上代 ...
分类:
移动开发 时间:
2017-07-07 18:23:30
阅读次数:
323