这两年,这种滑动器技术在互联网产品介绍页设计上非常常用,最近某个项目需要这种设计,在网上找了一下,有个老外产的这种设计组件swiper已经非常成熟,原来这个东西设计初衷是pad之类的移动触摸交互设备,这个东西国内已经出现了中文版主页,废话不多说了: 原版主页:http://www.idangero. ...
分类:
其他好文 时间:
2017-07-04 14:39:21
阅读次数:
203
实现知乎客户端的一个重要知识前提就是,要知道怎么通过知乎新闻的接口,来把数据展示到微信小程序端上。 那么我们这一就先学习一下,如何将接口获取到的数据展示到微信小程序上。 1.用到的知识点 <1> wx.request 请求接口资源(微信小程序api中的发起请求部分) <2>swiper 实现轮播图的 ...
分类:
微信 时间:
2017-06-30 13:56:33
阅读次数:
362
之前大家都写过轮播图吧,相信在写轮播图的过程中也因为当中的某些细节烦恼过吧,接下来我给大家讲述一个方便快捷的轮播图吧! Swiper常用于移动端网站的内容触摸滑动 1.第一步先引入css swiper.css插件和JQ swiper.js 插件, 然后呢就开始写轮播图了 如果想让它动起来,那就继续来 ...
分类:
其他好文 时间:
2017-06-27 19:56:09
阅读次数:
166
今天的轮播图,和往常的有一点点不同哦!可以说是有一点点的3D效果!因为他在运动的时候,是以正方体的样子左右滚动的; 先引插件: <link rel="stylesheet" href="swiper.css"> <script src="swiper.js"></script> 然后还是那句话:翠花 ...
分类:
其他好文 时间:
2017-06-27 10:02:40
阅读次数:
131
这是我完成的第一个作品,简简单单。所以还是说说第一个作品得到的收获吧,完成这个静态页面花了一个礼拜的时间虽然对于现在来说是非常简单的。可是当时并不了解自适应是什么,所以一头雾水。终于了解到了flexible.js,解决了困扰我的移动端自适应的问题。也了解了Swiper,如需下载Swiper.js,效 ...
分类:
其他好文 时间:
2017-06-26 12:36:43
阅读次数:
152
swiper 、css3制作移动端网站,折叠导航 前几天公司要更新改版移动端的官网,由于网站本身没有多少内容,所以设计师就做成了整屏滑动的样子,起初我并没有看设计稿就一口答应了,拿到手后发现了几个问题让我不知道选用fullpage还是选择swiper来写这个项目。下图就是这个项目完成的效果。 问题1 ...
分类:
移动开发 时间:
2017-06-26 11:34:28
阅读次数:
453
单个swiper已经满足不了需求了。 各种花式轮播已经慢慢进入市场。swiper该如何立足,那么请看。 做两个swiper轮播,样式视情况自定。 分别为两个swiper轮播做入配置参数, 为第二个swiper轮播做入配置参数。 关键来了,给两个对象建立连接 这样 实现的效果点击下面的图片,上面的图片 ...
分类:
其他好文 时间:
2017-06-23 23:01:36
阅读次数:
1480
引入: <link rel="stylesheet" href="https://cdn.bootcss.com/Swiper/3.4.2/css/swiper.min.css"> <script src="https://cdn.bootcss.com/Swiper/3.4.2/js/swiper ...
分类:
其他好文 时间:
2017-06-23 18:18:23
阅读次数:
220
Swiper demo //第一个轮播 ... ...
分类:
其他好文 时间:
2017-06-22 23:03:19
阅读次数:
627
require 模块化开发问题,正常自己写的模块 是exports 导出一个模块 //模块化引入jquery 不同和问题 require 引入jquery swiper .... 插件和库的时候需要 require.config({ baseUrl:"js/libs", //文件夹目录相对与html ...
分类:
Web程序 时间:
2017-06-22 22:21:30
阅读次数:
157