原生 js 实现移动端 Touch 轮播图

2019-01-03
阅读 13 分钟
14.3k
Touch 轮播图 touch轮播图其实就是通过手指的滑动,来左右切换轮播图,下面我们通过一个案例,来实现下。 1. html 结构 结构上,还是用ul、li来存放轮播图片,ol、li来存放轮播小圆点: 2. 样式初始化 html的一些标签,都会有一些默认样式,比如body标签默认是有一个边距的,为了不影响美观,我们需要清除掉。 {代码...}...

JavaScript 进阶知识 - 特效篇(二)

2017-12-28
阅读 48 分钟
6.6k
本篇一开始我们已经学了三大系列中的offset系列,三大系列分别是offset系列、scroll系列、client系列。学习这些有什么用呢?在后面的特效案例中,会大量的使用到获取元素的宽度、获取元素内部的宽度、获取元素距离顶部的距离等。这时候就需要用到三大系列,下面为大家一一讲解三大系列的用法。

JavaScript 进阶知识 - 特效篇(一)

2017-12-28
阅读 51 分钟
6.2k
经过前面几篇文章的讲解,相信大家已经会操作DOM和BOM了。为什么前面要花那么多精力去讲DOM呢?因为在后面的学习、工作中,会大量的使用DOM操作,一个表格需要增、删、改、查,一个图片需要改变大小..等,如果你想要动态的改变这些,必须要学会使用DOM。