《移动前端设计教学课件》05.pptxVIP

jQuery中的事件与动画任务制作左导航特效制作登录框特效制作团购网主导航制作FAQ列表页制作当当网我的订单页/34目标使用常用简单事件制作网页特效使用鼠标事件制作主导航特效使用键盘事件制作表单特效使用hover()制作下拉菜单特效使用鼠标事件及动画制作弹出对话框/34网页中的事件在网页中的事件是实现和用户交互的基础例如tab页切换效果，可以通过鼠标点击事件来实现点击选项卡，切换div/34jQuery中的事件jQuery事件是对JavaScript事件的封装，常用事件分类如下：基础事件window事件鼠标事件键盘事件表单事件复合事件是多个事件的组合鼠标光标悬停鼠标连续点击/34鼠标事件鼠标事件是当用户在文档上移动或单击鼠标时而产生的事件，常用鼠标事件有：方法描述执行时机click( )触发或将函数绑定到指定元素的click事件单击鼠标时mouseover( )触发或将函数绑定到指定元素的mouse over事件鼠标移过时mouseout( )触发或将函数绑定到指定元素的mouse out事件鼠标移出时/34实现主导航特效以mouseover()为例，实现鼠标移过时特效当鼠标移过元素时为事件添加响应方法$(#nav li).mouseover(function() { $(this). addClass(“heightlight”);});鼠标所在的元素/34演示示例1：主导航特