摘要： 1.1.6 案例：仿京东放大镜 整个案例可以分为三个功能模块 鼠标经过小图片盒子， 黄色的遮挡层 和 大图片盒子显示，离开隐藏2个盒子功能 黄色的遮挡层跟随鼠标功能。 移动黄色遮挡层，大图片跟随移动功能。 1.1.7 案例分析 黄色的遮挡层跟随鼠标功能。 把鼠标坐标给遮挡层不合适。因为遮挡层坐标以父 阅读全文

摘要： 弹出框，我们也称为模态框。 ​ 1.点击弹出层，会弹出模态框， 并且显示灰色半透明的遮挡层。 ​ 2.点击关闭按钮，可以关闭模态框，并且同时关闭灰色半透明遮挡层。 ​ 3.鼠标放到模态框最上面一行，可以按住鼠标拖拽模态框在页面中移动。 ​ 4.鼠标松开，可以停止拖动模态框移动 1.1.5 模态框拖拽 阅读全文

摘要： 1. 我们在盒子内点击，想要得到鼠标距离盒子左右的距离。 2. 首先得到鼠标在页面中的坐标（e.pageX, e.pageY） 3. 其次得到盒子在页面中的距离 ( box.offsetLeft, box.offsetTop) 4. 用鼠标距离页面的坐标减去盒子在页面中的距离，得到 鼠标在盒子内的坐 阅读全文

摘要： 1.1.1 offset 概述 offset 翻译过来就是偏移量， 我们使用 offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等。 1.1.2 offset 与 style 区别 offset offset 可以得到任意样式表中的样式值 offset 系列获得的数值是没有单位的 of 阅读全文

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

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

摘要： 1.2.7.1 什么是 location 对象 1.2.7.2 URL 统一资源定位符：URL（Uniform Resource Locator） ， 是互联网上标准资源的地址。互联网上的每个文件都有 一个唯一的 URL，它包含的信息指出文件的位置以及浏览器应该怎么处理它。 URL 的一般语法格式为 阅读全文