最新炫目--JavaScript动态网页特效实战精讲

JavaScript是实现网页动态性、交互性的脚本语言，也是目前网页设计最易学又最方便的语言，常用于网页中来改进设计、验证表单、检测浏览器、创建cookies。可以利用JavaScript轻松地做出亲切的欢迎消息、漂亮的数字时钟、有广告效果的跑马灯及简易的表决器，还可以显示浏览器停留的时间，以提高网页的互动性，提供亲切的服务。

本书以大量实际项目中可能会遇到的实例引出问题，讲述作者对这一问题的分析思路和解决办法，真正从方法和思想的高度来看待和解决现实问题。在学习本书的过程中，读者会发现书中某些实例或许正好与读者正面临的问题相同或相似，读者当然可以照葫芦画瓢，举一反三地去解决现实中的问题，但这并非作者的本意。作者在构思本书时，希望以实例为线索，将思考方法和分析过程传达给读者，让读者理解某个具体案例背后的思考过程。希望读者在阅读本书的过程中，不要沉迷于书中给出的具体实例，期望读者能够从作者的经验中经过思考，结合自己的实际，获得自己的方法。

本书分为四部分，由浅入深，从基础到高级，让读者自然地感受到JavaScript语言的魅力和网页的动感效果。

第一部分：基础篇??在基础中出发。讲解JavaScript的历史、各种不同版本语言以及在不同版本的浏览器中的区别及注意事项；讲解JavaScript的开发环境与调试方法，JavaScript语言的基础和应用。

第二部分：特效篇??在案例中进阶。讲解大量的JavaScript动态网页的特效，并分门别类地讲解链接类、鼠标类、时间类、计数转换类、密码类、文字类、图片类、页面类和窗口类特效的百余种真实应用的案例，同时介绍案例的效果和难点分析，并给出相关的程序注释。

第三部分：技术篇??在新技术中升华。讲解JavaScript与ActiveX、Ajax等新技术的结合，使读者不仅感受到经典的JavaScript特效，还能了解JavaScript也是在同其他技术逐步发展的。

第四部分：应用篇??在应用中熟练。针对网页中的广告和一些较难的特效进行分析与探讨，这些探讨将有助于提高读者的应用能力，升华在前三部分学到的知识。

本书用到的案例和源文件收录在书中附带的光盘中，每章对应一个文件夹，章文件夹中根据书中案例的顺序，每个案例均有一个文件夹，其中包含该案例使用的JavaScript代码脚本和案例使用的网页模板，供读者在学习时模仿使用。另外赠送4GB高清晰可直接使用的网页模板，供读者参考。

为了让读者方便阅读，本文中的绝大部分案例都有注解，以方便读者在使用过程中顺利地学习和阅读。

本书由孙军编写，崔燕晶、陈琳、李旭、兰雪、李小丽、高鸿娜、李佳、汪健、王景山、范明、郑峻天、王硕、母宁、郑宝珊、张丽英、刘梦帆和李文平等参与了书中部分内容的修改及整理工作，在此表示感谢。

由于作者水平有限，很多内容是自己的经验总结，出现错误在所难免，欢迎广大读者批评指正。读者在阅读本书的过程中有任何不清楚的问题和批评建议，可以到作者的邮箱pptushu@163.com留言，作者将尽力给您答疑解惑，您的批评建议也将鞭策作者做得更好。

前言
如何阅读本书
 
第1章  JavaScript概述 1
1.1  脚本语言（Scripting Language）的概念 1
1.2  JavaScript介绍 2
1.2.1  第一个JavaScript实例 3
1.2.2  JavaScript的发展 4
1.3  ECMAScript和JScript 4
1.3.1  ECMAScript 4
1.3.2  JScript 5
1.4  浏览器支持JavaScript的情况 6
1.5  对JavaScript的一些误解 7
1.6  JavaScript的应用范围 8
1.7  JavaScript的表示方法 9
1.8  本章小结 12
第2章  开发环境与调试方法 13
2.1  JavaScript的文本编辑器 13
2.2  浏览器的支持 14
2.2.1  主流浏览器 14
2.2.2  非主流浏览器 15
2.3  集成开发环境 16
2.3.1  集成开发环境的定义 16
2.3.2  集成开发环境的意义 16
2.3.3  适合JavaScript的集成开发环境 16
2.4  JavaScript的调试工具 17
2.4.1  调试的定义 17
2.4.2  原始的调试方法 17
2.4.3  适合JavaScript的调试工具 19
2.5  定位代码和调用堆栈 19
2.5.1  单步和断点 19
2.5.2  监视内存 19
2.5.3  查看调用堆栈 20
2.5.4  跟踪不到代码 20
2.6  浏览器捕获异常 20
2.6.1  异常处理机制 20
2.6.2  异常的种类 22
2.6.3  异常的处理 23
2.7  本章小结 23
第3章  JavaScript的语言基础 24
3.1  JavaScript的基本文法 24
3.1.1  字符集 24
3.1.2  大小写 25
3.1.3  分隔符 25
3.1.4  词、句子和段落 26
3.1.5  分号 26
3.1.6  标记 27
3.2  JavaScript基本组成 27
3.2.1  基本数据类型 27
3.2.2  神奇的null和undefined 27
3.2.3  常量和变量 28
3.2.4  表达式 29
3.2.5  运算符 29
3.3  JavaScript基本语法 32
3.3.1  条件语句 32
3.3.2  循环语句 35
3.3.3  跳转语句 37
3.4  JavaScript中的函数调用 39
3.4.1  函数的定义与调用 40
3.4.2  全局变量与局部变量 40
3.4.3  可变参数的函数 40
3.4.4  预定义函数 40
3.5  JavaScript的对象 42
3.5.1  对象的基本概述 42
3.5.2  对象的分类 42
3.5.3  对象属性 43
3.5.4  创建对象 44
3.5.5  使用对象 46
3.5.6  其他内部对象 48
3.6  常用事件及处理 50
3.6.1  事件处理的基本概念 50
3.6.2  事件类型 51
3.6.3  事件处理程序 54
3.6.4  浏览器事件 55
3.6.5  鼠标事件 56
3.6.6  文本框事件 56
3.6.7  其他事件 57
3.7  框架的概念和使用 58
3.8  本章小结 59
第4章  链接类特效 60
4.1  经典提示 60
4.2  链接类特效案例 61
4.2.1  会消失的链接 61
4.2.2  带提示框的链接 65
4.2.3  链接的动态变换 66
4.2.4  滚动公告链接 67
4.2.5  链接闪烁 69
4.2.6  滚动字幕的链接 70
4.2.7  查看网址源代码 71
4.2.8  添加到收藏夹 72
4.2.9  同一按钮显示不同链接 72
4.2.10  链接显示二级菜单 74
4.2.11  链接到邮件发送 76
4.2.12  变换链接色彩 77
4.2.13  链接到本周页面 77
4.2.14  会旋转的链接 79
第5章  鼠标类特效 84
5.1  经典提示 84
5.2  鼠标类特效案例 85
5.2.1  单击鼠标右键到首页 85
5.2.2  显示鼠标坐标 86
5.2.3  围绕鼠标跳跃的文字 87
5.2.4  禁止鼠标拷贝和复制 89
5.2.5  鼠标感应图片 91
5.2.6  网页十字 92
5.2.7  跟随鼠标的文字 93
5.2.8  跟随鼠标旋转的图片 95
5.2.9  跟随鼠标旋转的文字 97
5.2.10  鼠标燃放烟花 99
5.2.11  带时钟的鼠标 101
5.2.12  吐泡泡的鼠标 105
5.2.13  会变化的鼠标指针 107
5.2.14  跟踪鼠标的雪花 109
第6章  时间类特效 112
6.1  经典提示 112
6.2  时间类特效案例 113
6.2.1  在标题栏显示日期或者时间 113
6.2.2  分时段的问候语 115
6.2.3  日期倒计时 117
6.2.4  网页背景时钟 118
6.2.5  规定时间保存页面 119
6.2.6  动态访问时间 120
6.2.7  动态查询最近星期 122
6.2.8  可开关的时钟 124
6.2.9  模拟时钟 125
6.2.10  英文时钟 127
6.2.11  出生时间计算 129
6.2.12  带农历的日历 133
6.2.13  月历 136
6.2.14  多地区时间显示 139
第7章  计数转换类特效 142
7.1  经典提示 142
7.2  计数转换类特效案例 143
7.2.1  数字的前后顺序 143
7.2.2  计算出两点的坐标之间的距离 144
7.2.3  随机数据显示功能选号器 145
7.2.4  来访统计 147
7.2.5  单词及字符的统计 148
7.2.6  数字平方、开方求值 150
7.2.7  计算因子 152
7.2.8  钱数的计算 153
7.2.9  一元二次方程解答式 155
7.2.10  二元一次方程解答式 156
7.2.11  普通计算器 159
7.2.12  Windows式样的计算器 160
7.2.13  世界人口计算器 165
7.2.14  计算出生星期/日期 166
第8章  密码类特效 170
8.1  经典提示 170
8.2  密码类特效案例 170
8.2.1  仿VB密码 171
8.2.2  密码强弱度检测万能插件 172
8.2.3  可将英文转成数字的文本加密 173
8.2.4  输入验证码进入页面 175
8.2.5  不同密码进入相应页面的脚本 176
8.2.6  输入密码后登录 178
8.2.7  一个加密源代码的程序 180
8.2.8  MD5加密正文 182
8.2.9  限制输入密码错误的次数 187
第9章  文字类特效 193
9.1  经典提示 193
9.2  文字类特效案例 193
9.2.1  波浪效果的文字 194
9.2.2  流光溢彩效果的文字 195
9.2.3  字符背景特效 196
9.2.4  彩虹效果的文字 198
9.2.5  跳舞效果的文字 200
9.2.6  飞舞效果的文字 203
9.2.7  荧光效果的文字 207
9.2.8  改变首字母大小写 208
9.2.9  波浪出现然后下沉的文字 210
9.2.10  会变色的文字效果 213
9.2.11  英文变日文 215
9.2.12  状态栏飞出文字 223
9.2.13  坠落的文字 226
9.2.14  液晶屏文字的效果 232
第10章  图片类特效 234
10.1  经典提示 234
10.2  图片类特效案例 235
10.2.1  相册效果 235
10.2.2  对联式广告图片 238
10.2.3  禁止对图片用右键 239
10.2.4  图片的渐显效果 241
10.2.5  水中倒影的图片 243
10.2.6  会摇摆的图片 244
10.2.7  会改变网页背景的图片 245
10.2.8  漂浮的广告 247
10.2.9  雷达扫描效果 249
10.2.10  分割显示图片 250
10.2.11  探照灯效果 252
10.2.12  开花的效果 254
10.2.13  旋转彩色球 257
10.2.14  穿行页面的图片 260
第11章  页面类特效 262
11.1  经典提示 262
11.2  页面类特效案例 262
11.2.1  背景颜色在线改变 263
11.2.2  舞台效果 263
11.2.3  下雨的页面效果 264
11.2.4  QQ式页面导航栏 267
11.2.5  拉幕效果 274
11.2.6  使用调色板更换页面背景 276
11.2.7  飞舞的星星 278
11.2.8  选择进入页面的效果 281
11.2.9  网页Loading效果 282
11.2.10  自动滚屏页面 284
11.2.11  被锁定的页面 285
11.2.12  QQ客服随屏效果 285
11.2.13  雪花纷飞的页面 288
11.2.14  MSN消息提示效果 290
第12章  窗口类特效 296
12.1  经典提示 296
12.2  窗口类特效案例 297
12.2.1  打开指定的窗口 297
12.2.2  打开和关闭窗口的控制 298
12.2.3  自上降落的窗口 299
12.2.4  逐渐变大的窗口 300
12.2.5  分方向变大的窗口 302
12.2.6  转动的窗口 303
12.2.7  自动消失的窗口 306
12.2.8  会振动的窗口 307
12.2.9  系统信息检测窗口 308
12.2.10  浏览器信息显示窗口 312
12.2.11  来访登录信息窗口 314
12.2.12  标题变化的窗口 317
12.2.13  在页面中打开窗口 319
12.2.14  自动滚屏的窗口 320
第13章  JavaScript与ActiveX技术 322
13.1  ActiveX组件基础 322
13.1.1  ActiveX组件的概念 323
13.1.2  ActiveX的内容 323
13.1.3  ActiveX组件和Internet 323
13.2  ActiveX组件的应用 324
13.2.1  网页中的Flash对象 324
13.2.2  Flash对象的调用 325
13.3  ASP和ActiveX组件 326
13.4  ASP与JavaScript 327
13.4.1  脚本语言 328
13.4.2  设置脚本语言 328
13.4.3  服务器端的脚本 329
13.4.4  JavaScript和VBScript的区别 329
13.5  ASP与表单处理 329
13.5.1  Form数据集合 329
13.5.2  Form集合的提交方式 330
13.6  本章小结 330
第14章  JavaScript中的数据库调用 331
14.1  数据库的构建 331
14.2  数据库查询语句 332
14.2.1  SQL数据库 332
14.2.2  ASP中的SQL语句 333
14.3  数据库的连接 333
14.3.1  通过ODBC 的DSN建立连接 334
14.3.2  通过OLE DB建立连接 335
14.3.3  通过driver建立连接 335
14.3.4  登录系统实例 335
14.4  数据库的查询 336
14.4.1  Connection对象查询数据库 336
14.4.2  Recordset对象查询数据库 337
14.4.3  Command对象查询数据库 338
14.5  使用JavaScript访问数据库 339
14.6  本章小结 340
第15章  Ajax与JavaScript 341
15.1  Ajax基础 341
15.1.1  Ajax的定义 341
15.1.2  Ajax的应用模式和场景 342
15.1.3  Ajax的替代技术 344
15.2  Web 2.0中Ajax的应用 345
15.2.1  案例1??验证网易通行证账号
是否存在 348
15.2.2  案例2??验证金山通行证账号
是否存在 350
15.3  Ajax程序实例详解 350
15.3.1  Ajax技术实例 352
15.3.2  实例释疑 355
15.4  Ajax原理解析 359
15.4.1  XMLHTTP实时通信及封装
AjaxProxy对象 360
15.4.2  数据动态显示 362
15.4.3  利用XML的能力 363
15.4.4  用JavaScript绑定一切 363
15.4.5  应用标准剖析 364
15.5  本章小结 364
第16章  广告类特效 365
16.1  浮动的对称广告 365
16.2  可关闭的对称广告 367
16.3  滚动翻页广告 369
16.4  逐帧显示广告 373
16.5  自右向左滚屏展示广告 375
16.6  分页展示的广告 375
16.7  向上滚动的展示广告 378
16.8  加载Flash动画的对称广告 379
16.9  角边翻页动画广告 380
16.10  自动切换广告 382
第17章  综合类特效 384
17.1  会跳舞的BABY 384
17.2  礼花绽放 388
17.3  纸牌21点游戏 395
17.4  迷宫世界 398
17.5  小蜜蜂游戏 402
17.6  螃蟹赛跑 407
附录  JavaScript事件检索 414本书是目前最深入和实用的JavaScript图书，讲述JavaScript的所有知识以及详细的应用效果，展现这门技术给网站建设带来的丰富的体验。本书通俗易懂，按照循序渐进的方法详细介绍JavaScript的基本概念、HTML基本知识、JavaScript的基本语法及其内置对象和浏览器对象。全书通过动态网页特效的200多个经典案例应用，展现JavaScript在网页应用中的独特魅力。书中每章都有关于本章的经典提示，每个经典提示都是作者多年工作经验的总结。书中对每个知识点都配备相应的实例，每个案例中都有学习的难点提示、代码解释和最终的案例效果，使读者全面理解JavaScript和体验其应用效果。
本书从编程的基础知识和方法开始介绍，逐步由浅入深，介绍如何使用JavaScript进行数据库和嵌入数据的操作等比较高级的技术。不管读者是否接触过HTML或其他编程语言，都能够在本书的指导下逐步了解和掌握JavaScript语言。本书言简意赅，可以扩展读者视野，并关注于基础且重要的主题??现代JavaScript是什么和不是什么，浏览器支持的当前状态，以及需要注意的陷阱等。本书从始至终都采用概念阐述和实例练习相结合的方式，在了解概念的基础上，通过实例应用，自己动手实践，加深对概念的理解，逐步培养应用JavaScript语言进行实际案例制作的能力。
本书充分考虑到适用读者大部分为初级编程人员，所以对学习过程中的相关概念进行详细的阐述和解释，避免再去查阅其他相关书籍带来的麻烦。除了初学者之外，对从事Web编程以及技术服务的工程技术人员，本书也是很好的参考。

1. jQuery前端开发之网页特效 [肖睿 郭峰]