今天穿秋裤了吗

2022年4月14日

摘要：如果多个元素都使用这个动画函数，每次都要var声明定时器。我们可以给不同的元素使用不同的定时器(自己专门用自己的定时器)。核心原理:利用Js是一门动态语言，可以很方便的给当前对象添加属性。示例代码： <!DOCTYPE html> <html lang="en"> <head> <meta cha 阅读全文

posted @ 2022-04-14 13:30 今天穿秋裤了吗阅读(48) 评论(0) 推荐(0)

动画函数的简单封装

摘要：注意函数需要传递2个参数，动画对象和移动到的距离。示例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <me 阅读全文

posted @ 2022-04-14 13:10 今天穿秋裤了吗阅读(37) 评论(0) 推荐(0)

动画实现原理

摘要：核心原理:通过定时器setlnterval0不断移动盒子位置。实现步骤： 1.获取盒子当前位置 2.让盒子在当前位置加上1个移动距离 3.利用定时器不断重复这个操作 4.加一个结束定时器的条件 5.注意此元素需要添加定位，才能使用element.style.left 代码示例： <!DOCTYPE 阅读全文

posted @ 2022-04-14 12:46 今天穿秋裤了吗阅读(94) 评论(0) 推荐(0)

mouseenter鼠标事件

摘要：当鼠标移动到元素上时就会触发mouseenter事件类似 mouseover，它们两者之间的差别是 mouseover鼠标经过自身盒子会触发，经过子盒子还会触发。mouseenter只会经过自身盒子触发之所以这样，就是因为mouseenter不会冒泡阅读全文

posted @ 2022-04-14 11:46 今天穿秋裤了吗阅读(45) 评论(0) 推荐(0)

2022年4月13日

元素滚动scroll 系列

摘要： scroll翻译过来就是滚动的，我们使用scroll系列的相关属性可以动态的得到该元素的大小、滚动距离等。阅读全文

posted @ 2022-04-13 20:44 今天穿秋裤了吗阅读(45) 评论(0) 推荐(0)

元素可视区client系列

摘要： client翻译过来就是客户端，我们使用client系列的相关属性来获取元素可视区的相关信息。通过client系列的相关属性可以动态的得到该元素的边框大小、元素大小等。阅读全文

posted @ 2022-04-13 14:41 今天穿秋裤了吗阅读(24) 评论(0) 推荐(0)

offset 与style区别

摘要： offset offset可以得到任意样式表中的样式值 offset系列获得的数值是没有单位的 offsetWidth包含padding+border +width offsetWidth等属性是只读属性，只能获取不能赋值所以，我们想要获取元素大小位置，用offset更合适 style style 阅读全文

posted @ 2022-04-13 14:05 今天穿秋裤了吗阅读(83) 评论(0) 推荐(0)

offsetLeft和offsetTop获取元素偏移

摘要： offset概述 offset翻译过来就是偏移量我们使用offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等获得元素距离带有定位父元素的位置获得元素自身的大小(宽度高度) 注意:返回的数值都不带单位代码示例： <!DOCTYPE html> <html lang="en"> < 阅读全文

posted @ 2022-04-13 13:48 今天穿秋裤了吗阅读(185) 评论(0) 推荐(0)

history对象

摘要： window对象给我们提供了一个history对象，与浏览器历史记录进行交互。该对象包含用户(在浏览器窗口中)访问过的URL。 history对象一般在实际开发中比较少用，但是会在一些OA办公系统中见到。阅读全文

posted @ 2022-04-13 13:26 今天穿秋裤了吗阅读(27) 评论(0) 推荐(0)

navigator对象

摘要： navigator对象包含有关浏览器的信息，它有很多属性，我们最常用的是userAgent，该属性可以返回由客户机发送服务器的user-agent头部的值。下面前端代码可以判断用户那个终端打开页面，实现跳转阅读全文

posted @ 2022-04-13 13:22 今天穿秋裤了吗阅读(25) 评论(0) 推荐(0)

秋裤

公告