陈承欢，三级教授，不错工程师，软件设计师，湖南省省级专业带头人，国家精品课程与精品共享课程《网页设计与制作》主持人，国家资源库课程《计算机维护与维修》和《网页样式设计与应用》主持人，湖南省教育科学重点研究课题主持人，湖南省教学改革项目主持人。 

单元1设计基本网页特效1
任务1-1JavaScript实现动态加载网页内容1
任务1-2jQuery实现网页收藏2
1.1JavaScript简介4
1.2JavaScript主要的语法规则4
1.3JavaScript常用的开发工具5
1.4在HTML文档中嵌入JavaScript代码的方法5
1.5JavaScript的注释6
1.6JavaScript的数据类型6
1.7JavaScript的常量8
1.8JavaScript的变量8
1.9JavaScript的消息框10
1.10JavaScript的异常处理11
1.11JavaScript库12
1.12下载和替代jQuery库13
1.13jQuery简介13
任务1-3JavaScript实现动态改变样式文件15
任务1-4JavaScript实现动态改变网页字体大小及关闭网页窗口16
任务1-5JavaScript实现播放Flash动画17
任务1-6jQuery实现动态设置页面的宽度和高度18
任务1-7利用外部JS文件动态输出网页内容19
任务1-8巧用CSS实现下拉菜单20
单元2设计日期时间类网页特效22
任务2-1显示常规格式的当前日期与时间22
任务2-2采用多种方式显示当前的日期23
2.1JavaScript的运算符与表达式25
2.2JavaScript的语句及其规则28
2.3JavaScript的条件语句29
2.4JavaScript的函数32
2.5JavaScript的String（字符串）对象35
2.6JavaScript的Math（数学）对象36
2.7JavaScript的Date（日期）对象36
2.8JavaScript的计时方法38
2.9JavaScript的RegExp对象及其方法39
2.10支持正则表达式的String对象的方法43
2.11JavaScript和jQuery的使用比较46
任务2-3不同的节日显示对应的问候语47
任务2-4在特定日期的特定时段显示打折促销信息48
任务2-5不同时间段显示不同的问候语49
任务2-6一周内每天输出不同的图片50
任务2-7实现在线考试倒计时50
任务2-8显示限定格式的日期51
任务2-9验证日期的有效性52
任务2-10实现限时抢购倒计时55
单元3设计文字类网页特效56
任务3-1JavaScript实现滚动网页标题栏中的文字56
任务3-2jQuery实现向上滚动网站促销公告57
3.1JavaScript的循环语句59
3.2HTML DOM（文档对象模型）64
3.3JavaScript的位置与尺寸方法68
3.4jQuery的选择器75
3.5jQuery的链式操作76
3.6jQuery的效果方法76
任务3-3JavaScript实现网页状态栏中的文字呈现打字效果84
任务3-4JavaScript实现网页文字滚动与等待的交替效果84
任务3-5JavaScript实现鼠标指针滑过动态改变显示内容及外观效果86
任务3-6JavaScript实现文本围绕鼠标指针旋转88
任务3-7jQuery实现网站动态信息滚动与等待的交替效果89
任务3-8JavaScript实现网站公告信息连续向上滚动90
任务3-9jQuery实现循环滚动网页中的文字92
单元4设计图片类网页特效94
任务4-1JavaScript实现纵向焦点图片轮换94
任务4-2jQuery实现带左右按钮控制焦点图片切换99
4.1JavaScript的对象101
4.2jQuery文档的操作方法104
任务4-3JavaScript实现控制网页中的图片尺寸107
任务4-4JavaScript实现限制图片尺寸与滑动鼠标滚轮调整图片尺寸107
任务4-5JavaScript实现网页中图片连续向上滚动108
任务4-6JavaScript实现具有滤镜效果的横向焦点图片轮换110
任务4-7JavaScript实现具有手风琴效果的横向焦点图片轮换113
任务4-8JavaScript实现带缩略图且双向移动的横向焦点图轮换116
任务4-9JavaScript实现随滚动条滑块的移动上下滑动图片119
任务4-10jQuery实现图片纵向移动的焦点图片轮换120
任务4-11jQuery实现具有滤镜效果的横向焦点图片轮换123
任务4-12jQuery实现鼠标指针滑过图片时预览大图125
任务4-13jQuery实现单击箭头按钮切换图片127
任务4-14JavaScript实现图片连续向左滚动129
任务4-15JavaScript实现通用横向焦点图片轮换130
任务4-16JavaScript实现网页图片拖曳133
任务4-17jQuery实现图片纵向切换135
任务4-18jQuery实现自动与手动均可切换的焦点图片轮换136
任务4-19jQuery实现单击左右箭头滚动图片139
单元5设计表单控件类网页特效142
任务5-1实现注册表单中的网页特效142
任务5-2实现反馈意见表单中的网页特效148
5.1JavaScript的事件151
5.2JavaScript的事件方法154
5.3jQuery的事件方法154
任务5-3JavaScript实现邮箱自动导航156
任务5-4JavaScript实现获取表单控件的设置值158
任务5-5jQuery实现自定义列表框与单击清空输入框内容162
任务5-6JavaScript实现输出列表框中被选项的文本内容164
任务5-7JavaScript实现利用列表框切换网页165
任务5-8jQuery实现动态改变购买数量166
单元6设计导航菜单类网页特效168
任务6-1应用className和display等属性实现横向下拉菜单168
任务6-2应用jQuery的hover事件和addClass等方法实现横向导航菜单171
任务6-3应用jQuery的bind和attr等方法实现纵向导航菜单173
6.1JavaScript的this指针176
6.2jQuery的属性操作方法176
6.3jQuery的CSS操作方法177
任务6-4应用JavaScript的onmouseover等事件和className属性设计横向导航菜单178
任务6-5应用jQuery的hover事件和CSS方法设计横向导航菜单179
任务6-6应用jQuery的find和animate等方法设计横向导航菜单181
任务6-7应用jQuery的one和each等方法设计复杂导航菜单184
任务6-8应用HTML元素的样式属性设计横向下拉菜单187
任务6-9应用jQuery的show和hide等方法设计纵向导航菜单189
任务6-10应用jQuery的slideDown和slideUp等方法设计有滑动效果的横向下拉菜单190
任务6-11应用jQuery的slideDown和fadeOut等方法设计下拉菜单191
单元7设计选项卡类网页特效193
任务7-1应用setInterval函数和display属性实现选项卡的手动切换和自动切换193
任务7-2应用jQuery的index和find等方法实现横向选项卡195
7.1JavaScript的数组对象197
7.2JSON及其使用198
任务7-3应用DOM的className和style等属性设计纵向选项卡200
任务7-4应用DOM的className和style等属性设计横向选项卡202
任务7-5应用仿jQuery的attr方法设计横向选项卡205
任务7-6应用JavaScript的push和jQuery的animate等方法设计横向选项卡与图文滚动特效208
任务7-7应用DOM的getElementById和className等属性设计横向选项卡210
任务7-8应用jQuery的mouseover和show等方法设计横向选项卡212
单元8设计内容展开与折叠类网页特效213
任务8-1应用jQuery的each和hasClass等方法设计网页内容折叠与展开特效213
任务8-2应用jQuery的toggle和CSS等方法实现网页内容多层折叠与展开特效215
8.1BOM（浏览器对象模型）217
8.2jQuery的尺寸方法221
任务8-3应用DOM的onclick事件和parentNode属性设计网页内容折叠与展开特效221
任务8-4应用JavaScript的getElementsByTagName和className等方法或属性设计网页
内容折叠与展开特效223
任务8-5应用jQuery的bind和CSS等方法设计网页内容折叠与展开特效226
任务8-6应用jQuery的next和toggleClass等方法设计折叠与展开网页内容的特效228
任务8-7应用DOM的getElementById方法和className属性设计网页内容折叠与展开特效229
任务8-8应用jQuery的hover和click事件设计网页内容折叠与展开特效232
任务8-9应用jQuery的data和animate等方法设计网页内容折叠与展开特效233
单元9设计页面类网页特效236
任务9-1实现页面换肤网页特效236
任务9-2根据日期特征动态切换背景242
9.1正确使用Cookie247
9.2正确区分jQuery对象和DOM对象248
任务9-3根据屏幕宽度自动设置网页背景和导航栏249
任务9-4页面快捷导航菜单的显示与隐藏251
任务9-5下拉窗口的打开与自动隐藏253
任务9-6滚动屏幕时隐藏或显示“返回顶部”导航栏255
任务9-7选购商品时打开购物车页面257
任务9-8动态切换页面背景与调整页面大小257
任务9-9浮动框架的高度自适应页面内容的高度259
任务9-10随着屏幕高度变化隐藏或显示“返回顶部”导航栏260
附录AjQuery的常用方法261
A.1jQuery的核心函数261
A.2jQuery的选择器261
A.3jQuery的遍历方法262
A.4jQuery的事件方法263
A.5jQuery的效果方法264
A.6jQuery的文档操作方法265
A.7jQuery的DOM元素方法265
A.8jQuery的属性操作方法266
A.9jQuery的CSS操作方法266
A.10jQuery的尺寸方法266
A.11jQuery的数据操作方法267
A.12jQuery的AJAX操作方法267
参考文献268

本书将网页特效分为9类，分别是通用类网页特效、日期时间类网页特效、文字类网页特效、图片类网页特效、表单控件类网页特效、导航菜单类网页特效、选项卡类网页特效、内容展开与折叠类网页特效和页面类网页特效，同时相应地将全书分为9个教学单元，每个教学单元分析和设计一