网页特效技术第三讲jquery中的事件.pptxVIP

网站前台设计;回顾;本章目标;3.1jQuery中的事件;3.1.1 jQuery中加载DOM;绑定事件的方法bind()， 格式为：bind(type [, data] , fn); 第1个参数type:为事件类型，包括blur、focus、click、dbclick、mouseover、mouseout、change等,也可自定名称。 第2个参数为可选参数，作为event.data属性值传递给事件对象的额外数据对象。 第3个参数fn:是用来绑定的事件处理函数。 ;1、基本效果 例1：单击“标题”链接将显示内容。 HTML代码略。 1) 网页初始化效果图如下：;2、加强效果 例2：单击“标题”链接将显示内容；再次单击“标题”，内容隐藏。 解决方案： 1）等待DOM装载完毕。 2）找到“标题”元素，绑定click元素 3）找到内容元素，如果内容元素是显示的，则隐藏；如果是隐藏的，则内容显示。;3、改变绑定事件的类型 例3：当鼠标滑过“标题”链接将显示内容；当鼠标滑出“标题”链接，内容则隐藏。 解决方案： 1）等待DOM装载完毕。 2）找到“标题”元素，绑定mouseover事件 3）找到内容元素，显示内容元素 4）找到“标题”元素，绑定mouseout事件 5）找到元素元素，隐