Loading...
事件描述window.onscroll屏幕滑动window.onresize浏览器大小变化window.onload页面加载完毕div.onmousemove鼠标在盒子上移动
Width和heightclientWidth = width + paddingclientHeight = height + paddingof...
clientWidth和clientHeightclientWidth 获取网页可视区域宽度（两种用法）clientHeight 获取网页可视区域高度（两种用法）注意：调用者不同，意义不同：盒子调用：指盒子本身。body/html调用：可视区域大小。clientX和clientYclientX 鼠标距离可视区域左侧距离（event调用）clientY 鼠标...
描述：由于浏览器的渲染内核不一样，当页面过长或者过宽的时候，出现的滚动条的样式不一致，所以我们可以自己写滚动条。当文字过多的时候，就会出现滚动条，滚动条的...
描述：用户在弹出窗口的特定区域点击鼠标左键之后，可以对弹出的窗口进行拖拉，鼠标移开之后，窗口固定在最终的位置，点击关闭按钮，就可以关闭弹出的窗口。实现代码：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <...
描述：当用户放在某张图片上的某一位置的时候，该区域在另外的地方进行放大。鼠标离开恢复原状，类似淘宝的查看商品的大图。原理：准备两张等比例的图片，小的图片是...
描述：获取鼠标在页面中某个盒子的位置。当用户鼠标放在页面中的任意一个盒子的时候，可以获取鼠标在该盒子中的具体位置，鼠标离开之后显示为0；原理：鼠标的位置减去盒子的位置。实现代码：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&g...
描述:当用户点击页面的任意位置的时候，让控制的部件缓慢移动到该位置。实现代码：<!DOCTYPE html> <html lang=&q...
描述：再触发DOM上的某个事件时，会产生一个事件对象event，这个对象中包含着所有与事件有关的信息。所有浏览器都支持event对象，但支持的方式不同。比如鼠标操作时候，会添加鼠标位置的相关信息到事件对象中。他是一个事件中的内置对象。内部装了很多关于鼠标和事件本身的信息。注意：普通浏览器支持 event（带参，任意参数）ie 678 支持 window.event（无参，内置）兼容性写法va...
描述：用户根据左侧的楼层号进行选择，点击左侧的楼层可以在整体页面进行跳转。示例代码：<!DOCTYPE html> <html lang...
