2021年7月17日
缓动动画特效
摘要： 运用到的知识点：setInterval定时器；clearInterval清除定时器；offset系列中offsetLeft； 原理分析: 首先我们创建一个animate(obj,target)函数,这个函数用来封装我们的缓动效果,其中两个形参分别是要运动的对象元素obj和它的最终位置target; 阅读全文
posted @ 2021-07-17 12:40 4zero4NotFound 阅读(90) 评论(0) 推荐(0)
BOM中Location对象
摘要： location.hostname 返回 web 主机的域名。 location.pathname 返回当前页面的路径和文件名。 location.port 返回 web 主机的端口。 location.protocol 返回所使用的 web 协议（http: 或 https:）。 location 阅读全文
posted @ 2021-07-17 10:31 4zero4NotFound 阅读(40) 评论(0) 推荐(0)
bom中的histor对象
摘要： history.back()；和浏览器中的点击向后按钮相同。 history.forward(); 和浏览器中点击向前按钮相同。 history.go(num); 其中num为正数是向前跳转num个页面，为负数则是向后退num个页面，将num置为0则相当于刷新页面。 阅读全文
posted @ 2021-07-17 10:28 4zero4NotFound 阅读(44) 评论(0) 推荐(0)
dom键盘事件
摘要： onkeydown：某个键盘被按下。 onkeypress：某个键盘按键被按下并松开。 onkeyup：某个键盘被松开。 阅读全文
posted @ 2021-07-17 10:15 4zero4NotFound 阅读(44) 评论(0) 推荐(0)
dom鼠标事件
摘要： onclick事件：当用户点击某个对象调用的事件句柄（事件处理函数）。 ondblclick：当用户双击某个对象时候调用的事件句柄。 onmousedown：鼠标被按下。 onmouseup：鼠标按键被松开。 onmouseenter：鼠标指针移动到元素上面时触发。 onmouseleave：当鼠标 阅读全文
posted @ 2021-07-17 10:12 4zero4NotFound 阅读(112) 评论(0) 推荐(0)
2021年7月15日
鼠标控制盒子在页面中移动
摘要： 首先先了解鼠标的三个事件： mousedown：鼠标按下时触发事件。 mousemove：鼠标移动时出发的事件。 mouseup：鼠标弹起时触发的事件。 原理： 通过鼠标按下触发事件获取鼠标在盒子中的位置，既鼠标坐标减去盒子的坐标得到鼠标在盒子中的坐标x,y；鼠标的坐标为e.pageX,e.page 阅读全文
posted @ 2021-07-15 20:17 4zero4NotFound 阅读(229) 评论(0) 推荐(0)