weixin_48340600的博客

1、获取元素2、鼠标经过图片时，左右箭头显示// 2. 鼠标经过focus 就显示隐藏左右按钮 focus.addEventListener('mouseenter', function () { arrow_l.style.display = 'block'; arrow_r.style.display = 'block'; }); focus.addEventListener('mouseleave', function () {

描述：使传进来的元素缓慢移动到指定位置（前提此对象必须有定位）// 简单动画函数封装obj目标对象 target 目标位置 function animate(obj, target) { var timer = setInterval(function() { if (obj.offsetLeft >= target) { // 停止动画 本质是停止定时器

1、先根据条件确定侧边栏盒子的定位效果先为文档添加的滚动事件，并判断页面被卷去的头部是否>=banner距离顶部的距离，如果大于了，则说明header区域被卷上去了，就把侧标栏改为固定定位，top值改为相对banner位置的值2、再根据是否超过main位置，来控制返回顶部模块的显示与隐藏 // banner距离顶部的距离 var bannerTop = banner.offsetTop // 侧边栏绝对定位之后的位置 v.

放大镜效果（offset）注：preview_img 初始图片（需要放大的图片）mask遮挡层big大盒子1、当我们鼠标经过preview_img就显示和隐藏mask遮挡层和big大盒子2、设置黄色遮罩层鼠标移动的时候，让黄色的盒子跟着鼠标来走preview_img.addEventListener('mousemove', function(e) {// (1). 先计算出鼠标在盒子内的坐标 var x = e.pageX - this...

元素偏移量offset系列（获取该元素的偏移或大小）（都没有单位）一、常用属性1、offsetTop、offsetLeft获取该元素的偏移可以得到元素的偏移位置，它以带有定位的父亲为准如果没有父亲或者父亲没有定位，则以body为准，返回不带单位的数值2、offsetWidth、offsetHeight获取该元素的大小可以得到元素的大小宽度和高度是包含padding+border+width3、offsetParent 返回带有定位的父亲否则返回的...

键盘事件、键盘事件对象一、键盘事件1、keyup 按键弹起触发2、keydown 按键按下触发，一直按着一直触发3、keypress 按键按下触发，一直按着一直触发 （不识别功能键，例如crtl、shift、左右箭头）4、如果三个事件都有，则触发顺序为 keydown->keypress->keyup二、键盘事件对象1、e.keyCode 对应建的ASCII码值 A-Z 65-90 a-z 97-1222、我们的keyup和keydown事件...

鼠标事件对象1、e.clientX和e.clientY 可视区的x,y坐标不论页面滚动多长，返回的值都是相对可视区的坐标2、e.pageX和e.pageY 鼠标相对文档的x,y坐标（常用）随着页面滚动，返回的值是鼠标相对于页面头部或者最左侧的距离3、e.screenX和e.screenY 相对于电脑屏幕的坐标不论浏览器在哪个位置，返回的都是鼠标相对于电脑屏幕的坐标例：跟随鼠标移动的天使1、为document添加mousemove事件，并且获得鼠标相对文档的坐标2...