swiper容器效果 官方文档：传送门 swiper容器可实现简单的轮播图效果 结构程序 Page({ /** * 页面的初始数据 */ data: { }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { }, /** * 生命周期函数-- ...
分类：
微信 时间：
2018-08-07 01:32:50
阅读次数：
275
之前做过很多不同样式的轮播图，不是通过改变left值使图片左右移动的，就是改变透明度实现轮播图的，偶然在网易云上看到了层叠轮播图，它转换图片的方式和其他轮播图有些不同，我从来没做过这种轮播图，思考了很久该用什么方法做，终于做出来了一个简陋的成品。由于轮播图的图片是网上找来的，所以我做了模糊处理，用清 ...
分类：
其他好文 时间：
2018-08-06 14:40:26
阅读次数：
170
用的是vue-awesome-swiper 在vue项目中,参数方法与swiper一致。使用场景如下： 左侧小图一共八张，默认显示的是三张，始终保持activeimg在中间，提升用户体验度。swiper容易就是为三张图片的高度。 在官方文档实例中，居中如下。 这样的话，第一张图片也是居中的，它的上面 ...
分类：
其他好文 时间：
2018-08-02 22:56:03
阅读次数：
1883
<button id="aa">上一页</button><img src="../1.png" height="200px" width="150PX"><button onclick="next()">下一页</button> var k=0;//当下标使用//定义一个图片数组var imgs = ...
分类：
其他好文 时间：
2018-07-31 19:14:20
阅读次数：
131
css代码： .d1 { /*大的div样式*/ width: 443px; height: auto; overflow: hidden; border: #666666 2px solid; background-color: #000000; position: relative; margi ...
分类：
Web程序 时间：
2018-07-29 21:18:01
阅读次数：
203
先上效果 https://rencoo.github.io/webproject/images/3DchangImg/index.html 完成目标 CODE部分 ...
分类：
Web程序 时间：
2018-07-28 13:57:05
阅读次数：
203
实现轮播图 获取元素 document.getElementById("id名称") 事件（onlond） onlond = "changeImg()" 在<script>中function changeImg(){ document.getElementById("img").src = "图片地 ...
分类：
编程语言 时间：
2018-07-25 20:04:22
阅读次数：
173
一、简介 ①Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。 ②Swiper 是一款免费以及轻量级的移动设备触控滑块的框架，使用硬件加速过渡（如果该设备支持的话）。主要使用与移动端的网站、网页 ...
分类：
其他好文 时间：
2018-07-24 13:56:48
阅读次数：
194
