![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
DOM
文章平均质量分 55
猪咪敲代码
这个作者很懒,什么都没留下…
展开
-
网页轮播图制作思路及其源码
轮播图也称为焦点图,是网页中比较常见的网页特效。 功能需求: 鼠标经过轮播图模块,左右按钮显示,离开隐藏左右按钮。 点击右侧按钮一次,图片往左播放一张,以此类推, 左侧按钮同理。 图片播放的同时,下面小圆圈模块跟随一起变化。 点击小圆圈,可以播放相应图片。 鼠标不经过轮播图, 轮播图也会自动播放图片。 鼠标经过,轮播图模块, 自动播放停止。 不想看案例分析大家可以直接看下面的源码,分为 index.js和 animate.js。 需要的自取,复制过后,改一下你的类名就可以用了。好用记得点赞哦原创 2022-06-09 20:43:06 · 1617 阅读 · 0 评论 -
三大系列(offset、 client、scroll)
offset 翻译过来就是偏移量, 我们使用 offset 系列相关属性可以动态的得到该元素的位置(偏移)、大小等。 获得元素距离带有定位父元素的位置 获得元素自身的大小(宽度高度) 注意: 返回的数值都不带单位 client 翻译过来就是客户端,我们使用 client 系列的相关属性来获取元素可视区的相关信息。通过 client 系列的相关属性可以动态的得到该元素的边框大小、元素大小等。 scroll 翻译过来就是滚动的,我们使用 scroll 系列的相关属性可以动态的得到该原创 2022-06-09 12:49:50 · 130 阅读 · 0 评论 -
DOM-节点操作中三种创建元素的区别
DOM-节点操作中三种创建元素的区别原创 2022-06-01 20:46:41 · 101 阅读 · 0 评论 -
DOM 重点核心(创建、增、删、改、查.....)
1.document.write2.innerHTML3.createElement二 增加元素appendChildinsertBefore三、 删除元素removeChild四、修改元素主要修改dom的元素属性,dom元素的内容、属性, 表单的值等1.修改元素属性: src、href、title等2.修改普通元素内容: innerHTML 、innerText3.修改表单元素: value、type、disabled等4.修改元素样式: style、classNa原创 2022-06-01 21:15:44 · 117 阅读 · 0 评论 -
DOM事件流
事件流描述的是从页面中接收事件的顺序。 事件发生时会在元素节点之间按照特定的顺序传播,这个传播过程即 DOM 事件流。 比如我们给一个div 注册了点击事件:DOM 事件流分为3个阶段: 1. 捕获阶段 2. 当前目标阶段 3. 冒泡阶段 事件发生时会在元素节点之间按照特定的顺序传播,这个传播过程即 DOM 事件流。注意 1.JS 代码中只能执行捕获或者冒泡其中的一个阶段。2.onclick 和 attachEvent 只能得到冒泡阶段。3.addEventListener(type, listener[原创 2022-06-02 13:18:27 · 57 阅读 · 0 评论 -
前端DOM-排他思想
如果有同一组元素,我们想要某一个元素实现某种样式, 需要用到循环的排他思想算法:原创 2022-06-01 15:15:00 · 220 阅读 · 1 评论 -
DOM事件高级操作
event对象代表事件的状态,跟事件相关的一系列信息的集合。现阶段我们主要是用鼠标事件对象 MouseEvent 和键盘事件对象 KeyboardEvent。事件除了使用鼠标触发,还可以使用键盘触发。注意: 1. 如果使用addEventListener 不需要加 on onkeypress 和前面2个的区别是,它不识别功能键,比如左右箭头,shift 等。 三个事件的执行顺序是: keydown -- keypress --- keyup...原创 2022-06-02 17:18:16 · 90 阅读 · 0 评论