httpkaidi的博客

移动端常用开发插件 Swiper 插件（轮播图插件）Swiper中文网-轮播图幻灯片js插件,H5页面前端开发 首先下载 Swiper 插件压缩包解压缩 找到文件夹里面的 demo 文件夹 从里面众多的html 文件里选取想要的样式，打开后右键点击页面，选择查看源码 从源码里查看需要引入的相关文件，例：<link rel="stylesheet" href="../package/swiper-bundle.min.css"> 根据路径在文件夹里查找然后引入 创建

移动端返回顶部 功能： 滚动到某个地方显示 事件 scroll 页面滚动事件 代码： <style> * { height: 800px; } .nav { height: 200px; background-color: aquamarine; } .icon { display: none; float: right; width:

移动端常见特效 案例：移动端轮播图 功能基本和pc端一致 可以自动播放图片 手指可以拖动播放轮播图 自动播放功能 开启定时器 移动端移动，可以使用translate 移动 可以添加过渡效果 无缝滚动 判断条件是：等到图片滚动完毕再去判断，就是过渡完成后判断 此时需要添加过渡完成事件 transitionend 判断条件：如果索引号为 3 （图片是3张 ，但实际添加的是5张 详情见代码），说明走到最后一张，此时索引号要复原为0 此时图片去除过渡效果，然后移动 如果索引号小于0 ，说明是倒着走，索引号等于2

移动端网页布局 移动端浏览器兼容性较好，不需要考虑兼容性问题。 触屏事件 触屏touch事件 说明 touchstart 手指触摸到一个DOM元素时触发 touchmove 手指再一个DOM元素上滑动时触发 touchend 手指从一个DOM上移开时触发 触摸事件对象TouchEvent 触摸列表 说明 touches 正在触摸屏幕的所有的手指列表 targetTouches 正在触摸当前元素DOM 元素的手指列表 changedTouches 手指状态...