2020年1月14日

200 classList 属性

摘要: classList属性是HTML5新增的一个属性,返回元素的类名。但是ie10以上版本支持。 该属性用于在元素中添加,移除及切换 CSS 类。有以下方法 添加类: element.classList.add(’类名’); 移除类: element.classList.remove(’类名’); 切换 阅读全文

posted @ 2020-01-14 22:19 冲啊! 阅读(122) 评论(0) 推荐(0) 编辑

0199 移动端 之 轮播图

该文被密码保护。 阅读全文

posted @ 2020-01-14 22:18 冲啊! 阅读(7) 评论(0) 推荐(0) 编辑

0198 触屏事件:touchstart、touchmove、touchend、touches、targetTouches、changedTouches

摘要: 1.3.1 触屏事件概述 移动端浏览器兼容性较好,我们不需要考虑以前 JS 的兼容性问题,可以放心的使用原生 JS 书写效果,但是移动端也有自己独特的地方。比如触屏事件 touch(也称触摸事件),Android和 IOS 都有。 touch 对象代表一个触摸点。触摸点可能是一根手指,也可能是一根触 阅读全文

posted @ 2020-01-14 19:51 冲啊! 阅读(707) 评论(0) 推荐(0) 编辑

0197 案例:筋头云

摘要: 1. 利用动画函数做动画效果 2. 原先筋斗云的起始位置是0 3. 鼠标经过某个小li,把当前小li的offsetLeft 位置做为目标值即可 4. 鼠标离开某个小li,就把目标值设为 0 5. 如果点击了某个小li, 就把li当前的位置存储起来,做为筋斗云的起始位置 阅读全文

posted @ 2020-01-14 13:39 冲啊! 阅读(141) 评论(0) 推荐(0) 编辑

196 案例:淘宝返回顶部

摘要: 返回顶部 1. 带有动画的返回顶部 2. 此时可以继续使用我们封装的动画函数 3. 只需要把所有的left 相关的值改为 跟 页面垂直滚动距离相关就可以了 4. 页面滚动了多少,可以通过 window.pageYOffset 得到 5. 最后是页面滚动,使用 window.scroll(x,y) 阅读全文

posted @ 2020-01-14 11:26 冲啊! 阅读(215) 评论(0) 推荐(0) 编辑

0195 JavaScript网页轮播图,节流阀

摘要: 轮播图也称为焦点图,是网页中比较常见的网页特效。 功能需求: ​ 1.鼠标经过轮播图模块,左右按钮显示,离开隐藏左右按钮。 ​ 2.点击右侧按钮一次,图片往左播放一张,以此类推,左侧按钮同理。 ​ 3.图片播放的同时,下面小圆圈模块跟随一起变化。 ​ 4.点击小圆圈,可以播放相应图片。 ​ 5.鼠标 阅读全文

posted @ 2020-01-14 11:24 冲啊! 阅读(314) 评论(0) 推荐(0) 编辑

导航