事件分类: 1、鼠标单击触发:onclick 2、鼠标双击触发:ondblclick 3、鼠标移动上面触发:onmouseover 4、鼠标离开时触发:onmouseout 5、鼠标在上面移动时触发:onmousemove 6、只要内容改变时触发:onchange 7、失去焦点时触发:onblur ...
分类:
其他好文 时间:
2018-01-27 17:11:57
阅读次数:
157
写了个样例: <a href="#"><img src="http://csdnimg.cn/pubfooter/images/gongshang_logos.gif" border="0" onMouseOver="this.src='http://www.baidu.com/img/baidu_ ...
分类:
Web程序 时间:
2018-01-21 14:44:18
阅读次数:
215
效果图如下: 需求:鼠标放到小盒子上,让大盒子里面的图片和我们同步等比例移动技术点:onmouseenter==onmouseover 第一个不冒泡技术点:onmouseleave==onmouseout 第一个不冒泡步骤:1.鼠标放上去显示盒子,移开隐藏盒子2.老三步和新五步(灰盒子跟随移动)3. ...
分类:
Web程序 时间:
2018-01-15 14:51:09
阅读次数:
176
js核心总结: js是以事件驱动为核心的一门语言 dom文档对象模型 bom浏览器对象模型 事件:三要素:事件源(执行者,引发后续事件的标签) 事件(执行的过程,已经定义好onclick,onmouseover......) 事件处理程序(对样式和html的操作,DOM操作) cursor:poin ...
分类:
Web程序 时间:
2017-12-25 13:35:23
阅读次数:
245
for(var i=0;i<as.length;i++){ as[i].onmouseover=function(){this.style.backgroundColor='grey';} as[i].onmouseout=function(){this.style.backgroundColor= ...
分类:
其他好文 时间:
2017-12-23 14:10:01
阅读次数:
136
一,本例主要包括的使用getElementById 返回对拥有指定id的第一个对象引用,createElement 创建一个属性节点,getElementsByTagName 返回带有指定标签名的集合对象和onmouseover 用户在一个HTML元素上移动鼠标,onmouseout 用户从一个HT ...
分类:
Web程序 时间:
2017-12-15 23:34:04
阅读次数:
270
<!doctype html><!--1.js获取html元素: 1.通过id 2.通过标签名 3.通过类名2.DOM事件: 鼠标事件:onmouseout onmouseover onclick onmousedown onmouseup --><html><head> <meta charset ...
分类:
Web程序 时间:
2017-12-03 12:56:18
阅读次数:
206
1.鼠标经过事件:mouseOver;事件句柄为:onMouseOver 2.鼠标离开事件:mouseOut;事件句柄为:onMouseOut; 实例:另一个百度的超链接显示为蓝色,当鼠标经过的时候颜色变为红色,当鼠标离开的时候颜色变为蓝色; 1 <!DOCTYPE HTML PUBLIC "-// ...
分类:
其他好文 时间:
2017-11-24 00:16:00
阅读次数:
115
事件委托 事件委托,顾名思义,就是将本来要触发在A元素身上的事件,委托给B元素来触发,例如像onclick,onmouseover等事件都可以通过事件委托去触发。 事件委托实际上是通过事件冒泡的原理,将事件绑定在父元素或者祖先元素上,通过父元素或祖先元素触发相应的事件。 通过单纯的文字描述可能不太好 ...
分类:
编程语言 时间:
2017-11-22 13:14:07
阅读次数:
133