随笔分类 -  Swiper

摘要:最炫3D走一波: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Swiper之滑块3</title> <link rel="styl 阅读全文
posted @ 2016-10-08 11:50 冷的锋刃 阅读(254) 评论(0) 推荐(0)
摘要:上章Swiper滑块2、Swiper滑块1都是手动的,这章我们来自动的! 其实只是加了Swiper的speed(滑动速度即slider自动滑动开始到结束的时间)属性而已(∩_∩),单位是ms 我们来看看speed的参数: 上代码: <!DOCTYPE html> <html> <head> <met 阅读全文
posted @ 2016-10-08 11:42 冷的锋刃 阅读(1498) 评论(0) 推荐(0)
摘要:对比之前Swiper滑块1来说,我们添加一下背景颜色来看看: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Swiper之滑块2</ 阅读全文
posted @ 2016-10-08 11:19 冷的锋刃 阅读(278) 评论(0) 推荐(0)
摘要:之前介绍过Swiper,它是一个神奇的插件。类似于Android的触屏操作,Swiper应用于Web中也可以实现这样的效果,我们来看看(用鼠标可拖动)。 startSlide Integer (default:0) - 开始滚动的位置 speed Integer (default:300) - 动画 阅读全文
posted @ 2016-09-26 22:51 冷的锋刃 阅读(465) 评论(0) 推荐(0)
摘要:何为Swiper?Swiper是一款免费以及轻量级的移动设备触控滑块的框架,使用硬件加速过渡(如果该设备支持的话)。主要使用与移动端的网站、网页应用程序(web apps),以及原生的应用程序(native apps),主要是为了IOS而生的,同时,在Android、WP8系统以及现代桌面浏览器也有 阅读全文
posted @ 2016-09-20 23:52 冷的锋刃 阅读(659) 评论(0) 推荐(0)