jQuery前端开发任务驱动教程 课件全套 第1--10章 初识jQuery ---项目实战 在线商城.pptx

第1章初识jQuery;学习目标/Target;学习目标/Target;学习目标/Target;章节概述/Summary;目录/Contents;下载和引入jQuery;任务需求;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;;任务实现;任务实现;任务实现;任务实现;jQuery的简单使用;任务需求;任务需求;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;需要说明的是，on()方法允许为一个事件注册多个事件处理函数，当事件触发时，这些事件处理函数将会按注册时的顺序被调用。;下面通过代码演示如何使用on()方法注册click事件，示例代码如下。;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;任务实现;任务实现;任务实现;本章小结;第2章jQuery实现多样化菜单;学习目标/Target;学习目标/Target;章节概述/Summary;目录/Contents;下拉菜单;任务需求;任务需求;任务需求;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;任务实现;任务实现;任务实现;折叠式菜单;任务需求;任务需求;任务需求;;任务实现;任务实现;热卖展示菜单;任务需求;任务需求;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;;任务实现;任务实现;左进左出导航菜单;任务需求;任务需求;任务需求;知识储备;知识储备;知识储备;知识储备;任务实现;任务实现;任务实现;本章小结;第3章jQuery实现页面交互（上）;学习目标/Target;学习目标/Target;学习目标/Target;章节概述/Summary;目录/Contents;Tab栏切换;任务需求;任务需求;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;任务实现;任务实现;任务实现;任务实现;返回页面顶部;任务需求;任务需求;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;;任务实现;任务??现;高亮显示图像;任务需求;任务需求;知识储备;知识储备;知识储备;知识储备;;任务实现;任务实现;任务实现;留言板;任务需求;任务需求;任务需求;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;任务实现;任务实现;任务实现;任务实现;本章小结;第4章jQuery实现页面交互（下）;学习目标/Target;学习目标/Target;章节概述/Summary;目录/Contents;单击页面显示不同词语;任务需求;任务需求;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;任务实现;任务实现;任务实现;随机抽奖;任务需求;;任务需求;;任务实现;任务实现;随机选图并放大;任务需求;任务需求;知识储备;知识储备;知识储备;知识储备;;任务实现;任务实现;向上滚动课程更新日志;任务需求;;任务需求;任务实现;任务实现;任务实现;任务实现;本章小结;第5章jQuery实现动画效果;学习目标/Target;学习目标/Target;章节概述/Summary;目录/Contents;开关灯效果;任务需求;页面初次加载时，灯是关闭状态，按钮的文字显示为“开灯”，背景图像为关灯的图像。

单击按钮时，根据当前灯的状态进行相应的操作，具体如下。

如果当前灯是开启状态，单击“关灯”按钮时，将开灯的背景图像淡出隐藏，将关灯的背景图像淡入显示，同时将按钮的文字改为“开灯”。

如果当前灯为关闭状态，单击“开灯”按钮时，将关灯的背景图像淡出隐藏，将开灯的背景图像淡入显示，同时将按钮的文字改为“关灯”。;灯的开启状态和关闭状态的效果如下图所示。;知识储备;如果希望元素以淡入的动画效果显示，或者以淡出的动画效果隐藏，如何实现呢？;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;任务实现;任务实现;任务实现;任务实现;滑动切换导航菜单效果;任务需求;任务需求;鼠标指针移入和移出一级菜单项的效果如下图所示。;知识储备;如果希望用户单击一个按钮时，一个元素以向下滑动的动画效果显示，且当单击另一个按钮时，该元素从当前位置向上滑动并隐藏，如何实现呢？;知识储备;知识储备;知