使用jquery快速高效制作网页交互特效tp05.pdf
文本预览下载声明
回顾及作业点评
提问
列举至少4种基本选择器？
合并元素集合使用哪种选择器？
后代选择器和子选择器有什么区别？
2/32
预习检查
提问
mouseover
显示全部
文档详情
相似文档
-
使用jquery快速高效制作网页交互特效tp05.pptx
jQuery中的事件与动画第五章
回顾及作业点评列举至少4种基本选择器？合并元素集合使用哪种选择器？后代选择器和子选择器有什么区别？提问2/32
预习检查mouseover()、mouseout()分别是什么事件？再列举至少3个jQuery中的常用事件在jQuery中使用什么方法隐藏元素？提问3/32
本章目标使用常用简单事件制作网页特效使用鼠标事件制作主导航特效使用键盘事件制作表单特效使用hover()制作下拉菜单特效使用鼠标事件及动画制作弹出对话框4/32
网页中的事件和winform一样，在网页中的事件也是实现和用户交互的基础例如tab页切换效果，可以通过鼠标点击事件来实现点击选项卡，切
-
使用jquery快速高效制作网页交互特效tp08.pptx
指导学习：课程总复习第八章
课程内容回顾3-1第一章~第二章JavaScript的基本语法定义和使用函数window对象的常用属性、方法、事件使用定时函数和Date对象制作时钟特效第三章~第四章jQuery基本语法jQuery选择器基本选择器层次选择器属性选择器过滤选择器2/19
课程内容回顾3-2第五章~第六章jQuery事件鼠标事件键盘事件表单事件复合事件jQueryDOM操作样式操作内容操作节点操作节点属性操作遍历操作3/19
课程内容回顾3-3第七章表单验证正则表达式正则表达式的基本语法邮箱、密码等常用正则表达式表单选择器4/19
学员总结分组总结内容要求正确、全面、重点突出表达要求清
-
使用jQuery快速高效制作网页交互特效TP04.pptx
jQuery选择器;回顾及作业点评;预习检查;本章任务;本章目标;jQuery选择器;jQuery选择器分类;基本选择器2-1;基本选择器2-2;标签选择器;类选择器;ID选择器;并集选择器;交集选择器;全局选择器;层次选择器;后代选择器;子选择器;相邻选择器;同辈选择器;属性选择器;属性选择器;根据属性名获取元素;根据属性值获取元素;多属性条件选择;学员操作—使用jQuery美化英雄联盟简介页;学员操作—制作非缘勿扰页面特效3-1;学员操作—制作非缘勿扰页面特效3-2;学员操作—制作非缘勿扰页面特效3-3;共性问题集中讲解;过滤选择器;基本过滤选择器;基本过滤选择器;基本过滤选择器;基本过滤
-
使用jQuery快速高效制作网页交互特效TP03.pptx
初识jQuery;回顾及作业点评;预习检查;本章任务;本章目标;jQuery简介;初识jQuery;jQuery能做什么;jQuery的优势;获取jQuery;jQuery库文件;jQuery基本语法;$(document).ready();学员操作—编写第一个jQuery程序;共性问题集中讲解;DOM模型3-1;DOM模型3-2;DOM模型3-3;节点类型;DOM对象和jQuery对象;jQuery语法结构;jQuery代码风格;常用语法举例;学员操作—使用jQuery变换网页效果2-1;学员操作—使用jQuery变换网页效果2-2;学员操作—使用addClass()为图片添加边框;学员操作
-
jQuery网页特效设计基础教程（慕课版）（第2版）-教案 第7、8章 Ajax在jQuery中的应用、 使用jQuery UI插件.docx
PAGE1
PAGE
第7章Ajax在jQuery中的应用
课程名称
jQuery网页特效设计基础教程
项目名称
Ajax在jQuery中的应用
任务名称
Ajax在jQuery中的应用
课时
4
项目性质
□演示性□验证性□设计性√综合性
授课班级
授课日期
授课地点
教学目标
知识目标
1.了解Ajax技术、优点、缺点。
2.了解安装Web运行环境。
3.了解通过JavaScript应用Ajax技术。
4.掌握jQuery中的Ajax应用。
5.掌握Ajax的全局事件的使用。
能力目标
1.能够熟练使用jQuery中的Ajax应用能力。
2.能够熟练使用jQuery中的Ajax全局事件能力
-
《网页设计与制作案例教程 》教案 第19课 网页交互与特效（二）.pdf
第19课网页交互与特效（二）
课题网页交互与特效（二）
课时2课时（90min）
知识技能目标：
（1）熟悉JavaScript语言的基础知识
（2）能够使用DreamweaverCC为网页引入JS文件，并编写JavaScript代码
教学目标
思政育人目标：
（1）了解我国古代优秀画作，体会画家的匠心精神，培养钻研精神。
（2）了解我国古代计算方法，增强民族自豪感。
教学重点：JavaScript语言的基础知识
教学重难点
教学难点：使用DreamweaverCC为网页引入JS文件，并编写JavaScript代码
教学方法情景模拟法、问答法、讨论法、练习法
教学用具电脑、投影仪、多媒体课件、
-
《网页设计与制作案例教程 》教案 第18课 网页交互与特效（一）.pdf
第18课网页交互与特效（一）
课题网页交互与特效（一）
课时2课时（90min）
知识技能目标：
（1）熟悉行为、动作与事件的基础知识
（2）能够使DreamweaverCC添加行为
教学目标
思政育人目标：
（1）了解我国古代优秀画作，体会画家的匠心精神，培养钻研精神。
（2）了解我国古代计算方法，增强民族自豪感。
教学重点：行为、动作与事件的基础知识
教学重难点
教学难点：使DreamweaverCC添加行为
教学方法情景模拟法、问答法、讨论法、练习法
教学用具电脑、投影仪、多媒体课件、教材
第1节课：课前任务→考勤（2min）→问题导入（10min）→传授新知（33min）
教学设计
第
-
jQuery网页特效设计基础教程电子教案 第3单元 使用jQuery 选择器.docx
PAGE1
PAGE
第3章使用jQuery选择器
课程名称
jQuery网页特效设计基础教程
项目名称
使用jQuery选择器
任务名称
使用jQuery选择器
课时
5
项目性质
□演示性□验证性□设计性√综合性
授课班级
授课日期
授课地点
教学目标
知识目标
1.了解什么是jQuery的工厂函数。
2.了解什么是jQuery选择器。
3.掌握基本选择器的使用。
4.掌握层次选择器的使用。
5.掌握过滤选择器的使用。
6.掌握属性选择器的使用。
7.掌握表单选择器的使用。
8.了解混淆选择器的使用。
能力目标
1.能够熟练使用jQuery各种选择器的使用。
2.能够选择合适的选择器进行开
-
jQuery网页特效设计基础教程课件 第3单元 使用jQuery 选择器.pptx
第3单元使用jQuery选择器
了解什么是jQuery的工厂函数。了解什么是jQuery选择器。掌握基本选择器的使用。掌握层次选择器的使用。掌握过滤选择器的使用。掌握属性选择器的使用。掌握表单选择器的使用。了解混淆选择器的使用。教学目标pedagogicalobjectives能够熟练使用jQuery的各种选择器。能够选择合适的jQuery选择器进行开发。通过学习选择器的使用，培养从多角度观察和筛选信息的能力，增强代码设计的条理性和操作目标的精准性，提升信息处理与操作效率。
目录导航3.1jQuery的工厂函数3.3jQuery选择器的优势3.5层次选择器3.2什么是jQuery选择器3.4基
-
jQuery网页特效设计基础教程课件 第6单元 使用jQuery 操作表单和表格.pptx
第6单元使用jQuery操作表单和表格
掌握HTML表单中各种标记的使用。掌握使用jQuery操作表单元素的方法。掌握使用jQuery操作表格的方法。教学目标pedagogicalobjectives能够熟练使用jQuery操作表单元素。能够熟练使用jQuery操作表格。掌握表单与表格交互设计的技巧，增强细节处理能力和规范化意识，根据实际需求设计并实现功能性强的界面，提高服务意识与执行能力。
目录导航6.1表单概述6.3使用jQuery操作表格6.5项目实战：京东登录注册表单6.2使用jQuery操作表单元素6.4项目实战：删除记录时的提示效果
6.1.1表单标记form01OPTIONact
-
jQuery网页特效设计基础教程课件 第8单元 使用jQuery UI 插件.pptx
第8单元使用jQueryUI插件
了解jQueryUI插件的工作原理。了解jQueryUI常用插件的使用。了解jQueryUI常用特效的使用。教学目标pedagogicalobjectives能够熟练使用jQueryUI插件。能够熟练使用jQueryUI特效。掌握插件的应用技巧，设计出富有吸引力的用户界面，增强创新意识与团队协作能力。
目录导航8.1初识jQueryUI插件8.3jQueryUI的常用特效8.2jQueryUI的常用插件8.4项目实战：使用jQuery实现许愿墙
8.1.1jQueryUI概述（2）开源免费。轻松满足自由产品和企业产品的各种授权需求。（1）简单易用。继承jQue
-
jQuery网页特效设计基础教程课件 第4单元 使用jQuery 操作DOM.pptx
;了解DOM操作的分类。
掌握对元素内容和值进行操作。
掌握对DOM文档节点进行操作。
掌握对元素属性进行操作。
掌握对元素的CSS样式进行操作。;;1．DOMCore;2．HTML-DOM;3．CSS-DOM;;4.2.1对元素内容进行操作;4.2.1对元素内容进行操作;4.2.1对元素内容进行操作;4.2.1对元素内容进行操作;4.2.1对元素内容进行操作;4.2.1对元素内容进行操作;4.2.2对元素值进行操作;4.2.2对元素值进行操作;;4.3.1创建节点;4.3.1创建节点;4.3.1创建节点;4.3.1创建节点;;4.3.3插入节点;4.3.3插入节点;4.3.3插入节点;4.3
-
jQuery网页特效设计基础教程（慕课版）（第2版）课件 第3单元 使用jQuery 选择器.pptx
第3单元使用jQuery选择器jQuery网页特效设计基础教程（慕课版）（第2版）
了解什么是jQuery的工厂函数。了解什么是jQuery选择器。掌握基本选择器的使用。掌握层次选择器的使用。掌握过滤选择器的使用。掌握属性选择器的使用。掌握表单选择器的使用。了解混淆选择器的使用。教学目标pedagogicalobjectives能够熟练使用jQuery的各种选择器。能够选择合适的jQuery选择器进行开发。通过学习选择器的使用，培养从多角度观察和筛选信息的能力，增强代码设计的条理性和操作目标的精准性，提升信息处理与操作效率。
目录导航3.1jQuery的工厂函数3.3jQuery选择器的优势3
-
jQuery网页特效设计基础教程（慕课版）（第2版）课件 第3、4单元 使用jQuery 选择器； 使用jQuery 操作DOM.pptx
;了解什么是jQuery的工厂函数。
了解什么是jQuery选择器。
掌握基本选择器的使用。
掌握层次选择器的使用。
掌握过滤选择器的使用。
掌握属性选择器的使用。
掌握表单选择器的使用。
了解混淆选择器的使用。;;3.1jQuery的工厂函数;;;;3.3.1代码更简单;3.3.2支持CSS1～CSS3选择器;3.3.3完善的检测机制;3.3.3完善的检测机制;3.3.3完善的检测机制;;;3.4.1ID选择器;3.4.1ID选择器;3.4.1ID选择器;3.4.2元素选择器;3.4.2元素选择器;3.4.2元素选择器;3.4.3类名选择器;3.4.3类名选择器;3.4.3类名选择器;3.4
-
jQuery网页特效设计基础教程（慕课版）（第2版）-教案 第3、4章 使用jQuery选择器、 使用jQuery操作DOM.docx
PAGE1
PAGE
第3章使用jQuery选择器
课程名称
jQuery网页特效设计基础教程
项目名称
使用jQuery选择器
任务名称
使用jQuery选择器
课时
5
项目性质
□演示性□验证性□设计性√综合性
授课班级
授课日期
授课地点
教学目标
知识目标
1.了解什么是jQuery的工厂函数。
2.了解什么是jQuery选择器。
3.掌握基本选择器的使用。
4.掌握层次选择器的使用。
5.掌握过滤选择器的使用。
6.掌握属性选择器的使用。
7.掌握表单选择器的使用。
8.了解混淆选择器的使用。
能力目标
1.能够熟练使用jQuery各种选择器的使用。
2.能够选择合适的选择器进行开