扫一扫
关注中图网
官方微博
本类五星书更多>
-
>
决战行测5000题(言语理解与表达)
-
>
软件性能测试.分析与调优实践之路
-
>
第一行代码Android
-
>
深度学习
-
>
Unreal Engine 4蓝图完全学习教程
-
>
深入理解计算机系统-原书第3版
-
>
Word/Excel PPT 2013办公应用从入门到精通-(附赠1DVD.含语音视频教学+办公模板+PDF电子书)
JavaScript+jQuery网页特效设计任务驱动教程 版权信息
- ISBN：9787115581389
- 条形码：9787115581389 ; 978-7-115-58138-9
- 装帧：一般胶版纸
- 册数：暂无
- 重量：暂无
- 所属分类：>
JavaScript+jQuery网页特效设计任务驱动教程 本书特色
作者为名校名师，教学经验丰富。 本书采用任务驱动方式，精选9大类91个源自真实网站的网页特效设计任务，从实际出发介绍网页特效。 教学导航→特效赏析→知识**→引导训练→自主训练 内容安排合理，配套资源丰富，贴近教学实际
JavaScript+jQuery网页特效设计任务驱动教程 内容简介
本书是网页特效设计任务驱动式教材。本书将网页特效分为9类，分别是基本网页特效、日期时间类网页特效、文字类网页特效、图片类网页特效、表单控件类网页特效、导航菜单类网页特效、选项卡类网页特效、内容展开与折叠类网页特效和页面类网页特效，同时相应地将全书分为9个教学单元，每个教学单元分析和设计一种类型的网页特效，将JavaScript和jQuery的相关知识合理地安排到各个教学单元中。
JavaScript+jQuery网页特效设计任务驱动教程 目录
单元1 设计基本网页特效 1
【教学导航】 1
【特效赏析】 2
任务1-1 JavaScript实现动态加载网页内容 2
任务1-2 jQuery实现网页收藏 3
【知识**】 3
1．1 JavaScript简介 4
1．2 JavaScript主要的语法规则 5
1．3 JavaScript常用的开发工具 6
1．4 在HTML文档中嵌入JavaScript代码的方法 6
1．5 JavaScript的注释 7
1．6 JavaScript的数据类型 7
1．7 JavaScript的常量 8
1．8 JavaScript的变量 9
1．9 JavaScript的消息框 11
1．10 JavaScript的异常处理 12
1．11 JavaScript库 13
1．12 下载和替代jQuery库 14
1．13 jQuery简介 15
【引导训练】 16
任务1-3 JavaScript实现动态改变样式文件 16
任务1-4 JavaScript实现动态改变网页字体大小及关闭网页窗口 18
任务1-5 JavaScript实现播放Flash动画 19
任务1-6 jQuery实现动态设置页面的宽度和高度 20
【自主训练】 21
任务1-7 利用外部JS文件动态输出网页内容 21
任务1-8 巧用CSS实现下拉菜单 22
单元2 设计日期时间类网页特效 26
【教学导航】 26
【特效赏析】 27
任务2-1 显示常规格式的当前日期与时间 27
任务2-2 采用多种方式显示当前的日期 27
【知识**】 29
2．1 JavaScript的运算符与表达式 29
2．2 JavaScript的语句及其规则 32
2．3 JavaScript的条件语句 33
2．4 JavaScript的函数 37
2．5 JavaScript的String（字符串）对象 40
2．6 JavaScript的Math（数学）对象 41
2．7 JavaScript的Date（日期）对象 41
2．8 JavaScript的计时方法 43
2．9 JavaScript的RegExp对象及其方法 44
2．10 支持正则表达式的String对象的方法 49
2．11 JavaScript和jQuery的使用比较 52
【引导训练】 53
任务2-3 不同的节日显示对应的问候语 53
任务2-4 在特定日期的特定时段显示打折促销信息 54
任务2-5 不同时间段显示不同的问候语 55
任务2-6 一周内每天输出不同的图片 56
任务2-7 实现在线考试倒计时 57
任务2-8 显示限定格式的日期 58
【自主训练】 59
任务2-9 验证日期的有效性 59
任务2-10 实现限时抢购倒计时 61
单元3 设计文字类网页特效 63
【教学导航】 63
【特效赏析】 63
任务3-1 JavaScript实现滚动网页标题栏中的文字 63
任务3-2 jQuery实现向上滚动网站促销公告 65
【知识**】 66
3．1 JavaScript的循环语句 66
3．2 HTML DOM 71
3．3 JavaScript的位置与尺寸方法 75
3．4 jQuery的选择器 82
3．5 jQuery的链式操作 82
3．6 jQuery的效果方法 83
【引导训练】 91
任务3-3 JavaScript实现网页状态栏中的文字呈现打字效果 91
任务3-4 JavaScript实现网页文字滚动与等待的交替效果 91
任务3-5 JavaScript实现鼠标指针滑过 动态改变显示内容及外观效果 93
任务3-6 JavaScript实现文本围绕鼠标 指针旋转 95
任务3-7 jQuery实现网站动态信息滚动与等待的交替效果 96
【自主训练】 98
任务3-8 JavaScript实现网站公告信息连续向上滚动 98
任务3-9 jQuery实现循环滚动网页中的文字 99
单元4 设计图片类网页特效 101
【教学导航】 101
【特效赏析】 101
任务4-1 JavaScript实现纵向焦点图片轮换 101
任务4-2 jQuery实现带左右按钮控制焦点图片切换 106
【知识**】 108
4．1 JavaScript的对象 108
4．2 jQuery文档的操作方法 111
【引导训练】 113
任务4-3 JavaScript实现控制网页中的图片尺寸 113
任务4-4 JavaScript实现限制图片尺寸与滑动鼠标滚轮调整图片尺寸 114
任务4-5 JavaScript实现网页中图片连续向上滚动 115
任务4-6 JavaScript实现具有滤镜效果的横向焦点图片轮换 117
任务4-7 JavaScript实现具有手风琴效果的横向焦点图片轮换 121
任务4-8 JavaScript实现带缩略图且双向移动的横向焦点图轮换 123
任务4-9 jQuery实现图片纵向移动的焦点图片轮换 126
任务4-10 jQuery实现具有滤镜效果的横向焦点图片轮换 128
任务4-11 jQuery实现鼠标指针滑过图片时预览大图 131
任务4-12 jQuery实现单击箭头按钮切换图片 133
【自主训练】 135
任务4-13 JavaScript实现图片连续向左滚动 135
任务4-14 JavaScript实现通用横向焦点图片轮换 137
任务4-15 JavaScript实现网页图片拖曳 139
任务4-16 jQuery实现图片纵向切换 141
任务4-17 jQuery实现自动与手动均可切换的焦点图片轮换 142
任务4-18 jQuery实现单击左右箭头滚动图片 145
单元5 设计表单控件类网页特效 148
【教学导航】 148
【特效赏析】 148
任务5-1 实现注册表单中的网页特效 148
任务5-2 实现反馈意见表单中的网页特效 148
【知识**】 156
5．1 JavaScript的事件 156
5．2 JavaScript的事件方法 160
5．3 jQuery的事件方法 160
【引导训练】 162
任务5-3 JavaScript实现邮箱自动导航 162
任务5-4 JavaScript实现获取表单控件的设置值 164
任务5-5 jQuery实现自定义列表框与单击清空输入框内容 168
【自主训练】 170
任务5-6 JavaScript实现输出列表框中被选项的文本内容 170
任务5-7 JavaScript实现利用列表框切换网页 171
任务5-8 jQuery实现动态改变购买数量 172
单元6 设计导航菜单类网页特效 174
【教学导航】 174
【特效赏析】 174
任务6-1 应用className和display等属性实现横向下拉菜单 174
任务6-2 应用jQuery的hover事件和addClass()等方法实现横向导航菜单 177
任务6-3 应用jQuery的bind()和attr()等方法实现纵向导航菜单 179
【知识**】 182
6．1 JavaScript的this指针 182
6．2 jQuery的属性操作方法 182
6．3 jQuery的CSS操作方法 183
【引导训练】 184
任务6-4 应用JavaScript的onmouseover等事件和className属性设计横向导航菜单 184
任务6-5 应用jQuery的hover事件和css()方法设计横向导航菜单 185
任务6-6 应用jQuery的find()和animate()等方法设计横向导航菜单 187
任务6-7 应用jQuery的one()和each()等方法设计复杂导航菜单 190
【自主训练】 194
任务6-8 应用HTML元素的样式属性设计横向下拉菜单 194
任务6-9 应用jQuery的show()和hide()等方法设计纵向导航菜单 195
任务6-10 应用jQuery的slideDown()和slideUp()等方法设计有滑动效果的横向下拉菜单 196
任务6-11 应用jQuery的slideDown()和fadeOut()等方法设计下拉菜单 197
单元7 设计选项卡类网页特效 199
【教学导航】 199
【特效赏析】 199
任务7-1 应用setInterval函数和display属性实现选项卡的手动切换和自动切换 199
任务7-2 应用jQuery的index()和find()等方法实现横向选项卡 202
【知识**】 203
7．1 JavaScript的数组对象 203
7．2 JSON及其使用 204
【引导训练】 206
任务7-3 应用DOM的className和style等属性设计纵向选项卡 206
任务7-4 应用DOM的className和style等属性设计横向选项卡 208
任务7-5 应用仿jQuery的attr()方法设计横向选项卡 211
任务7-6 应用JavaScript的push()和jQuery的animate()等方法设计横向选项卡与图文滚动特效 214
【自主训练】 217
任务7-7 应用DOM的getElementById和className等属性设计横向选项卡 217
任务7-8 应用jQuery的mouseover()和show()等方法设计横向选项卡 218
单元8 设计内容展开与折叠类网页特效 220
【教学导航】 220
【特效赏析】 220
任务8-1 应用jQuery的each()和hasClass()等方法设计网页内容折叠与展开特效 220
任务8-2 应用jQuery的toggle()和css()等方法实现网页内容多层折叠与展开特效 223
【知识**】 225
8．1 BOM（浏览器对象模型） 225
8．2 jQuery的尺寸方法 229
【引导训练】 230
任务8-3 应用DOM的onclick事件和parentNode属性设计网页内容折叠与展开特效 230
任务8-4 应用JavaScript的getElements ByTagName()方法和className属性设计网页内容折叠与展开特效 232
任务8-5 应用jQuery的bind()和css()等方法设计网页内容折叠与展开特效 234
任务8-6 应用jQuery的next()和toggleClass()等方法设计网页内容折叠与展开特效 237
【自主训练】 238
任务8-7 应用DOM的getElementById()方法和className属性设计网页内容折叠与展开特效 238
任务8-8 应用jQuery的hover和click事件设计网页内容折叠与展开特效 240
任务8-9 应用jQuery的data()和animate()等方法设计网页内容折叠与展开特效 242
单元9 设计页面类网页特效 245
【教学导航】 245
【特效赏析】 245
任务9-1 实现页面换肤网页特效 245
任务9-2 根据日期特征动态切换背景 251
【知识**】 255
9．1 正确使用Cookie 255
9．2 正确区分jQuery对象和DOM对象 257
【引导训练】 257
任务9-3 根据屏幕宽度自动设置网页背景和导航栏 257
任务9-4 页面快捷导航菜单的显示与隐藏 259
任务9-5 下拉窗口的打开与自动隐藏 261
任务9-6 滚动屏幕时隐藏或显示“返回顶部”导航栏 264
【自主训练】 265
任务9-7 选购商品时打开购物车页面 265
任务9-8 动态切换页面背景与调整页面大小 266
任务9-9 浮动框架的高度自适应页面内容的高度 268
任务9-10 随着屏幕高度变化隐藏或显示“返回顶部”导航栏 269
附录A jQuery的常用方法 270
A．1 jQuery的核心函数 270
A．2 jQuery的选择器 270
A．3 jQuery的遍历方法 271
A．4 jQuery的事件方法 272
A．5 jQuery的效果方法 274
A．6 jQuery的文档操作方法 274
A．7 jQuery的DOM元素方法 275
A．8 jQuery的属性操作方法 275
A．9 jQuery的CSS操作方法 276
A．10 jQuery的尺寸方法 276
A．11 jQuery的数据操作方法 277
A．12 jQuery的AJAX操作方法 277
参考文献 278
【教学导航】 1
【特效赏析】 2
任务1-1 JavaScript实现动态加载网页内容 2
任务1-2 jQuery实现网页收藏 3
【知识**】 3
1．1 JavaScript简介 4
1．2 JavaScript主要的语法规则 5
1．3 JavaScript常用的开发工具 6
1．4 在HTML文档中嵌入JavaScript代码的方法 6
1．5 JavaScript的注释 7
1．6 JavaScript的数据类型 7
1．7 JavaScript的常量 8
1．8 JavaScript的变量 9
1．9 JavaScript的消息框 11
1．10 JavaScript的异常处理 12
1．11 JavaScript库 13
1．12 下载和替代jQuery库 14
1．13 jQuery简介 15
【引导训练】 16
任务1-3 JavaScript实现动态改变样式文件 16
任务1-4 JavaScript实现动态改变网页字体大小及关闭网页窗口 18
任务1-5 JavaScript实现播放Flash动画 19
任务1-6 jQuery实现动态设置页面的宽度和高度 20
【自主训练】 21
任务1-7 利用外部JS文件动态输出网页内容 21
任务1-8 巧用CSS实现下拉菜单 22
单元2 设计日期时间类网页特效 26
【教学导航】 26
【特效赏析】 27
任务2-1 显示常规格式的当前日期与时间 27
任务2-2 采用多种方式显示当前的日期 27
【知识**】 29
2．1 JavaScript的运算符与表达式 29
2．2 JavaScript的语句及其规则 32
2．3 JavaScript的条件语句 33
2．4 JavaScript的函数 37
2．5 JavaScript的String（字符串）对象 40
2．6 JavaScript的Math（数学）对象 41
2．7 JavaScript的Date（日期）对象 41
2．8 JavaScript的计时方法 43
2．9 JavaScript的RegExp对象及其方法 44
2．10 支持正则表达式的String对象的方法 49
2．11 JavaScript和jQuery的使用比较 52
【引导训练】 53
任务2-3 不同的节日显示对应的问候语 53
任务2-4 在特定日期的特定时段显示打折促销信息 54
任务2-5 不同时间段显示不同的问候语 55
任务2-6 一周内每天输出不同的图片 56
任务2-7 实现在线考试倒计时 57
任务2-8 显示限定格式的日期 58
【自主训练】 59
任务2-9 验证日期的有效性 59
任务2-10 实现限时抢购倒计时 61
单元3 设计文字类网页特效 63
【教学导航】 63
【特效赏析】 63
任务3-1 JavaScript实现滚动网页标题栏中的文字 63
任务3-2 jQuery实现向上滚动网站促销公告 65
【知识**】 66
3．1 JavaScript的循环语句 66
3．2 HTML DOM 71
3．3 JavaScript的位置与尺寸方法 75
3．4 jQuery的选择器 82
3．5 jQuery的链式操作 82
3．6 jQuery的效果方法 83
【引导训练】 91
任务3-3 JavaScript实现网页状态栏中的文字呈现打字效果 91
任务3-4 JavaScript实现网页文字滚动与等待的交替效果 91
任务3-5 JavaScript实现鼠标指针滑过 动态改变显示内容及外观效果 93
任务3-6 JavaScript实现文本围绕鼠标 指针旋转 95
任务3-7 jQuery实现网站动态信息滚动与等待的交替效果 96
【自主训练】 98
任务3-8 JavaScript实现网站公告信息连续向上滚动 98
任务3-9 jQuery实现循环滚动网页中的文字 99
单元4 设计图片类网页特效 101
【教学导航】 101
【特效赏析】 101
任务4-1 JavaScript实现纵向焦点图片轮换 101
任务4-2 jQuery实现带左右按钮控制焦点图片切换 106
【知识**】 108
4．1 JavaScript的对象 108
4．2 jQuery文档的操作方法 111
【引导训练】 113
任务4-3 JavaScript实现控制网页中的图片尺寸 113
任务4-4 JavaScript实现限制图片尺寸与滑动鼠标滚轮调整图片尺寸 114
任务4-5 JavaScript实现网页中图片连续向上滚动 115
任务4-6 JavaScript实现具有滤镜效果的横向焦点图片轮换 117
任务4-7 JavaScript实现具有手风琴效果的横向焦点图片轮换 121
任务4-8 JavaScript实现带缩略图且双向移动的横向焦点图轮换 123
任务4-9 jQuery实现图片纵向移动的焦点图片轮换 126
任务4-10 jQuery实现具有滤镜效果的横向焦点图片轮换 128
任务4-11 jQuery实现鼠标指针滑过图片时预览大图 131
任务4-12 jQuery实现单击箭头按钮切换图片 133
【自主训练】 135
任务4-13 JavaScript实现图片连续向左滚动 135
任务4-14 JavaScript实现通用横向焦点图片轮换 137
任务4-15 JavaScript实现网页图片拖曳 139
任务4-16 jQuery实现图片纵向切换 141
任务4-17 jQuery实现自动与手动均可切换的焦点图片轮换 142
任务4-18 jQuery实现单击左右箭头滚动图片 145
单元5 设计表单控件类网页特效 148
【教学导航】 148
【特效赏析】 148
任务5-1 实现注册表单中的网页特效 148
任务5-2 实现反馈意见表单中的网页特效 148
【知识**】 156
5．1 JavaScript的事件 156
5．2 JavaScript的事件方法 160
5．3 jQuery的事件方法 160
【引导训练】 162
任务5-3 JavaScript实现邮箱自动导航 162
任务5-4 JavaScript实现获取表单控件的设置值 164
任务5-5 jQuery实现自定义列表框与单击清空输入框内容 168
【自主训练】 170
任务5-6 JavaScript实现输出列表框中被选项的文本内容 170
任务5-7 JavaScript实现利用列表框切换网页 171
任务5-8 jQuery实现动态改变购买数量 172
单元6 设计导航菜单类网页特效 174
【教学导航】 174
【特效赏析】 174
任务6-1 应用className和display等属性实现横向下拉菜单 174
任务6-2 应用jQuery的hover事件和addClass()等方法实现横向导航菜单 177
任务6-3 应用jQuery的bind()和attr()等方法实现纵向导航菜单 179
【知识**】 182
6．1 JavaScript的this指针 182
6．2 jQuery的属性操作方法 182
6．3 jQuery的CSS操作方法 183
【引导训练】 184
任务6-4 应用JavaScript的onmouseover等事件和className属性设计横向导航菜单 184
任务6-5 应用jQuery的hover事件和css()方法设计横向导航菜单 185
任务6-6 应用jQuery的find()和animate()等方法设计横向导航菜单 187
任务6-7 应用jQuery的one()和each()等方法设计复杂导航菜单 190
【自主训练】 194
任务6-8 应用HTML元素的样式属性设计横向下拉菜单 194
任务6-9 应用jQuery的show()和hide()等方法设计纵向导航菜单 195
任务6-10 应用jQuery的slideDown()和slideUp()等方法设计有滑动效果的横向下拉菜单 196
任务6-11 应用jQuery的slideDown()和fadeOut()等方法设计下拉菜单 197
单元7 设计选项卡类网页特效 199
【教学导航】 199
【特效赏析】 199
任务7-1 应用setInterval函数和display属性实现选项卡的手动切换和自动切换 199
任务7-2 应用jQuery的index()和find()等方法实现横向选项卡 202
【知识**】 203
7．1 JavaScript的数组对象 203
7．2 JSON及其使用 204
【引导训练】 206
任务7-3 应用DOM的className和style等属性设计纵向选项卡 206
任务7-4 应用DOM的className和style等属性设计横向选项卡 208
任务7-5 应用仿jQuery的attr()方法设计横向选项卡 211
任务7-6 应用JavaScript的push()和jQuery的animate()等方法设计横向选项卡与图文滚动特效 214
【自主训练】 217
任务7-7 应用DOM的getElementById和className等属性设计横向选项卡 217
任务7-8 应用jQuery的mouseover()和show()等方法设计横向选项卡 218
单元8 设计内容展开与折叠类网页特效 220
【教学导航】 220
【特效赏析】 220
任务8-1 应用jQuery的each()和hasClass()等方法设计网页内容折叠与展开特效 220
任务8-2 应用jQuery的toggle()和css()等方法实现网页内容多层折叠与展开特效 223
【知识**】 225
8．1 BOM（浏览器对象模型） 225
8．2 jQuery的尺寸方法 229
【引导训练】 230
任务8-3 应用DOM的onclick事件和parentNode属性设计网页内容折叠与展开特效 230
任务8-4 应用JavaScript的getElements ByTagName()方法和className属性设计网页内容折叠与展开特效 232
任务8-5 应用jQuery的bind()和css()等方法设计网页内容折叠与展开特效 234
任务8-6 应用jQuery的next()和toggleClass()等方法设计网页内容折叠与展开特效 237
【自主训练】 238
任务8-7 应用DOM的getElementById()方法和className属性设计网页内容折叠与展开特效 238
任务8-8 应用jQuery的hover和click事件设计网页内容折叠与展开特效 240
任务8-9 应用jQuery的data()和animate()等方法设计网页内容折叠与展开特效 242
单元9 设计页面类网页特效 245
【教学导航】 245
【特效赏析】 245
任务9-1 实现页面换肤网页特效 245
任务9-2 根据日期特征动态切换背景 251
【知识**】 255
9．1 正确使用Cookie 255
9．2 正确区分jQuery对象和DOM对象 257
【引导训练】 257
任务9-3 根据屏幕宽度自动设置网页背景和导航栏 257
任务9-4 页面快捷导航菜单的显示与隐藏 259
任务9-5 下拉窗口的打开与自动隐藏 261
任务9-6 滚动屏幕时隐藏或显示“返回顶部”导航栏 264
【自主训练】 265
任务9-7 选购商品时打开购物车页面 265
任务9-8 动态切换页面背景与调整页面大小 266
任务9-9 浮动框架的高度自适应页面内容的高度 268
任务9-10 随着屏幕高度变化隐藏或显示“返回顶部”导航栏 269
附录A jQuery的常用方法 270
A．1 jQuery的核心函数 270
A．2 jQuery的选择器 270
A．3 jQuery的遍历方法 271
A．4 jQuery的事件方法 272
A．5 jQuery的效果方法 274
A．6 jQuery的文档操作方法 274
A．7 jQuery的DOM元素方法 275
A．8 jQuery的属性操作方法 275
A．9 jQuery的CSS操作方法 276
A．10 jQuery的尺寸方法 276
A．11 jQuery的数据操作方法 277
A．12 jQuery的AJAX操作方法 277
参考文献 278
展开全部
JavaScript+jQuery网页特效设计任务驱动教程 作者简介
陈承欢，三级教授，高级工程师，软件设计师，湖南省省级专业带头人，湖南省青年骨干教师，武汉大学软件工程专业，湖南铁道职业技术学院教务处处长。2008年，曾赴澳大利亚坎培门理工学院培训交流，2015年，曾赴加拿大圣力嘉学院培训交流，2019年，曾赴英国、德国学习交流。主持开发职业教育特色教材50多本，其中***“十一五”规划教材4本，***“十二五”规划教材10本，***“十三五”规划教材7本。国家精品课程与国家精品共享课程配套教材1本，国家职业教育资源库配套教材3本。主持《网页设计与制作》国家精品课程，主持《网页设计与制作》国家精品共享课程，主持《计算机维护与维修》、《实用工具软件应用》、《网页样式设计》3门国家资源库课程。***教学成果奖二等奖1项，湖南省职业教育教学成果奖特等奖1项、三等奖1项，湖南省教育教学改革发展优秀成果奖参等奖1项。
书友推荐
- >
罗曼·罗兰读书随笔-精装
罗曼·罗兰读书随笔-精装
¥20.3¥58.0 - >
月亮虎
月亮虎
¥14.4¥48.0 - >
人文阅读与收藏·良友文学丛书:一天的工作
人文阅读与收藏·良友文学丛书:一天的工作
¥14.7¥45.8 - >
经典常谈
经典常谈
¥12.7¥39.8 - >
回忆爱玛侬
回忆爱玛侬
¥23.0¥32.8 - >
新文学天穹两巨星--鲁迅与胡适/红烛学术丛书(红烛学术丛书)
新文学天穹两巨星--鲁迅与胡适/红烛学术丛书(红烛学术丛书)
¥9.9¥23.0 - >
二体千字文
二体千字文
¥14.0¥40.0 - >
小考拉的故事-套装共3册
小考拉的故事-套装共3册
¥36.7¥68.0
本类畅销
-
Photoshop 2022中文版案例教程
¥44.1¥59.8 -
局域网组建、管理与维护(第4版)(微课版)
¥47¥59 -
园林AUTOCAD教程
¥24¥45 -
Python实战编程:从零学Python
¥81¥108 -
Java程序设计基础
¥37¥50 -
数据备份与恢复
¥51.4¥69
