2018年09月_Harding Duan

原创放大镜效果

HTML代码 <div class="box"> <img src="img/08.jpg"/> <div class="slider"></div> </div> <div class="lens"> <img src="img

2018-09-08 17:41:24 257

原创爬楼梯,楼层效果

HTML代码 <div class="wrap"> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div&a

2018-09-08 17:32:25 614

原创 CSS操作

element.style 既可以设置行内样式，也可以读取行内样式。可读可写 Element.style.cssText 用来读写当前元素的所有行内样式。如果设置cssText值为“”（空字符串），则会清空该元素的所有行内样式。 Element.style.length 返回该元素有多少条行内样式。 Element.style.getPropertyValue() 获取某个属性的属性值 ...

2018-09-08 17:08:42 178

click：单击事件。 dblclick：双击事件。 mousedown：按下鼠标键时触发。 mouseup：释放按下的鼠标键时触发。 mousemove：鼠标移动事件。 mouseover：移入事件。 mouseout：移出事件。 mouseenter：移入事件。 mouseleave：移出事件。 contextmenu：右键事件。 mouseover事件和mouseenter事件，都是鼠标进...

2018-09-08 17:07:26 2504

原创事件对象与事件委托

事件对象 Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 event.composedPath() 返回一个数组，包含了目标节点冒泡经过的所有节点 event.target 返回事件的目标节点（触发该事件的节点） event.currentTarget 返回当前事件所在的节点。与this一致。 event.srcElement IE中返回...

2018-09-08 17:04:43 305

原创 DOM事件绑定

DOM 2 级事件 element.addEventListener(type,handler,boolean) 第一个值代表事件类型，不加on。第二个是执行的方法。(事件处理函数) 第三个值是一个布尔值，默认为false，只在冒泡阶段执行。true为在捕获阶段执行 element.removeEventListener(type,handler,boolean) 第一个值代表事件类型，不...

2018-09-08 17:03:31 104

原创事件模型与事件流

事件模型，事件流一个事件发生后，会在子元素和父元素之间传播。这种传播分成三个阶段。 window→documen→...→目标节点第一阶段：捕获阶段，从window对象传导到目标节点第二阶段：目标阶段，事件在目标节点上触发第三阶段：冒泡阶段，从目标节点传回window对象 IE678的事件模型只有冒泡阶段。阻止事件冒泡 event.stopPropagation() s...

2018-09-08 17:01:19 1103

段位十足的博客