本书涵盖主题
·变量
·客户端的流程控制
·字符串操作
·数组技术
·JavaScript快速处理日期、时间的操作
·JavaScript页面处理技巧
·JavaScript的鼠标事件和键盘事件
·窗口大小自动化管理
·JavaScript结合文字实现特殊页面
·页面中的链接地址个性化
·在HTML中用JavaScript控制图像页面
·菜单特效
·背景特效
·页面特效
·JavaScript操作表格和DOM
·Ajax应用特效
·Prototype基础应用
·jQuery应用特效
·其他特效
·正则表达式在JavaScript中的应用

无

本书是一本讲述使用JavaScript脚本语言制作网页特效的图书，是面向初级和中级读者的优秀教程。首先对JavaScript语言的基础和实际应用做了深入浅出的全面介绍，在有了语言基础之后再讲解经典常用的Web网页特效，然后全面深入地解析流行的JavaScript脚本框架在Web网页开发中应用的友好用户体验，最后介绍与其相关的其他语言结合的特效，作为知识和效果上的补充。通过本书的学习，读者能够掌握JavaScript知识的要点，同时能够使用JavaScript制作网页的特效，并能解决应用JavaScript时所出现的问题。

　　本书的内容安排

　　本书对使用JavaScript开发网页特效的方法以及Web网页的相关知识进行了归纳总结，循序渐进地讲述了JavaScript技术的各种知识点，全书分为4篇20章。

　　第1章至第4章主要讲述JavaScript基础知识。分为四个部分：变量、客户端的流程控制、字符串操作和数组技术。

　　第5章至第15章主要讲述JavaScript特效，通过具体的实例讲述怎样用JavaScript实现一个页面特效。分为十一个部分：JavaScript快速处理日期和时间的操作、JavaScript页面处理技巧、JavaScript的鼠标事件和键盘事件、窗口大小自动化管理、JavaScript结合文字实现特殊页面、页面中的链接地址个性化、在HTML中用JavaScript控制图像页面、菜单特效、背景特效、页面特效、JavaScript操作表格和DOM。

　　第16章至第18章主要讲述流行的Ajax框架应用的特效，通过实例讲述使用这些JavaScript框架实现流行的特效。分为四个部分：Ajax应用特效、Prototype的基础应用、Jquery应用特效及其他特效。

　　第19章至第20章主要讲述JavaScript密切联系相关的语言，弥补脚本语言的一些不足之处。即正则表达式。

　　具体内容参见目录。

　　本书的特点

　　本书全部采用实例结合讲解的方式，理论结合实际对每个实例的关键知识点都做了细致的注释，而且都是针对要点关键讲解。通过一个个网页特效制作的实例，让读者通过阅读本书，可以快速掌握JavaScript制作网页特效的脚本知识，使读者能在较短的时间内掌握JavaScript程序设计的方法和技巧，能够自己快速独立地建立友好的用户体验的网页特效。

　　适合阅读本书的读者

　　WingdingsqApJavaScript的初学者
　　
　　WingdingsqApWeb设计人员

　　WingdingsqApASP.NET开发人员

　　WingdingsqAp任何想要全面深入学习JavaScript的读者

　　本书作者

　　本书由何俊斌主持编写，其他参与编写的人员有高会东、王建超、邓薇、黄丽莉、吝晓宁、汪洋、白广元、蔡念光、陈辉、冯彬、刘长江、刘明、沙金、张士强、张洪福、多召英、贾旭、李宽、江宽、陈科、方成林、班晓娟、方中纯、刘兰军、郑雪峰等。


　　编者

本书涵盖主题 ·变量 ·客户端的流程控制 ·字符串操作 ·数组技术 ·JavaScript快速处理日期、时间的操作 ·JavaScript页面处理技巧 ·JavaScript的鼠标事件和键盘事件 ·窗口大小自动化管理 ·JavaScript结合文字实现特殊页面 ·页面中的链接地址个性化 ·在HTML中用JavaScript控制图像页面 ·菜单特效 ·背景特效 ·页面特效 ·JavaScript操作表格和DOM ·Ajax应用特效 ·Prototype基础应用 ·jQuery应用特效 ·其他特效 ·正则表达式在JavaScript中的应用

初学编程的人很苦恼的一件事是不知道如何上手。其实有两种思路都可以很好地上手。一种是按部就班，像大学里的C程序设计课程一样，从基本语法，到各种具体应用程序逐渐深入；还有一种方法是，把基本语法和一些函数等的用法用比较典型的实例贯穿起来，通过学习这些实例来掌握编程知识，这也是一种很好的方法。因为学习编程需要大量的实践才能学好，而这种方法正好符合这种学习特点，所以也有比较好的效果。按照这个思路我们策划了这套书。

丛书特色

作为一套以实例贯穿始终的图书，本丛书在编写上着重体现以下特色。

1以实例引导学习，可快速入门

本丛书以全新的实例模式编写，每本书都是以实例贯穿始终，读者可以在实例引导下一步一步地学习编程，增强了编程的亲身体验，可以快速入门，达到良好的学习效果。

2编写模式科学，讲解细致

本丛书中贯穿的实例大都是按照“知识要点→实现代码→源程序解读”的模式编写，非常科学，讲解也很细致，容易掌握。

3实例数量丰富，实践性强

本丛书每本书都是以数以百计的实例指导读者学习，这些例子实用强，可为读者以后程序开发奠定坚实的基础。

4代码规范，注释丰富

为了增强代码的易读性，丛书编写时对代码进行了丰富的注释，非常易于读者阅读和理解，增强学习效果。

5光盘内容实用、超值

配书光盘提供了书中所涉及的源代码，以方便读者使用。除此之外，还特别免费提供了大量的编程入门视频和技术文档，以方便相关人员学习和教学使用。

6提供技术支持

本丛书提供了论坛：http://wwwrzchinanet，读者可以在上面提问交流。另外，论坛上还有一些小的教程、视频动画和各种技术文章，可帮助读者提高开发水平。

丛书包含的书目

《Java实例精通》

《Java Web整合开发实例精通——Struts+Hibernate+Spring》

《Visual C++ 60实例精通》

《Visual Basic实例精通》

《C# 30实例精通》

《ASPNET 35实例精通》

《PHP实例精通》

《JavaScript实例精通》

本丛书读者定位

 初学编程的人员；

 已经入门，需要通过实例提高编程水平的人员；

 大中专院校的学生；

 社会培训学员；

 相关程序员。

阅读本丛书的几点建议

 没有基础的读者建议按顺序阅读，不要跳跃，不要跳步。

 有基础的读者可以跳过一些特别基础的章节学习。

 如果感觉学习本书有困难，建议先阅读机械工业出版社“编程红宝书”丛书中的对应入门图书。

 多动手，亲自完成书中的实例，加深理解。

 遇到问题，除了本书的技术支持论坛，还可利用网络资源解决。例如，利用Google和Baidu搜索相关资料，或者在相关论坛上发帖提问，会有热心人给你答复。

 要重点阅读源代码及其注释，可以有效提高代码理解能力。

正所谓“宝剑锋从磨砺出，梅花香自苦寒来”。编写这样的一套书也实属不易，是一个需要克服很多困难、花费大量心血才能完成的“浩大工程”。同样，在学习编程的道路上也不会一帆风顺，肯定有许多磨难等着你。我们伟大的思想家荀子早都说过，“不积跬步，无以至千里”。做任何事都得脚踏实地，才能走得远，希望以此与各位读者共勉。看到你们能以此套书提升编程水平，便是我们最开心的事了！



丛书策划编辑

何俊斌：暂无简介

丛书序

前言


第1章变量

11变量声明


变量名必须符合这些规则：第一个字符必须是英文字母，或者是下划线符号；第一个字母不能是数字。其后的字符可以是英文字母、数字和下画线符号；不能是JavaScript的保留字。


12局部变量和全局变量


如果在任何函数定义之外声明了一个变量，则该变量为全局变量，且该变量的值在整个持续范围内都可以访问和修改。如果在函数定义内声明了一个变量，则该变量为局部变量。

13JavaScript中的强制类型转换


在C、C++和Java这类强类型语言中，强行转换变量类型简直就是家常便饭。可是JavaScript这个动态类型脚本语言的变量号称是没有类型的，那么怎样转换它的变量的类型呢？而且还要强行转换。

14在HTML中为JavaScript传递变量


在HTML中为JavaScript传递变量是一个关键的步骤。然后就可以通过对JavaScript变量的操作，实现想要达到的目的。

15在HTML中引用JavaScript的变量


上一节已经介绍了如何在HTML中为JavaScript传递变量，那么要怎样才能在HTML中使用JavaScript的变量呢？本节实例给出了一个在HTML中引用JavaScript变量的方法。

16比较undefined和“undefined”


JavaScript中用于表示未定义的undefined标识符到底是表示什么未定义？它和“undefined”又有什么区别和联系呢？

第2章客户端的流程控制

21条件判断语句if…else


JavaScript支持if 和 ifelse条件语句。在if语句中将测试一个条件，如果该条件满足测试，则执行相关的JavaScript编码。在ifelse语句中，如果条件不满足测试，将执行不同的代码。

22多条件判断语句switch


本节实例给出如在几个代码块中选择一个来运行，这里就使用到switch(开关)语句。

23嵌套循环语句for


在写代码时会经常要让一段代码一行行地重复执行，要完成这样的任务不需要添加重复的代码，只要使用循环即可。

24循环语句while


如果希望控制语句或语句块的循环执行，需要不只是“运行该代码 n 次”，而是更复杂的规则，用 while循环。

25控制循环过程的break和continue


break和continue是两个用在内部循环的特殊语句。当某些条件得到满足时，用break语句来中断一个循环的运行。

26利用流程控制语句实现冒泡排序


学了JavaScript在客户端的流程控制，下面用这些控制语句来实现一个冒泡排序的例子。

第3章字符串操作

31连接字符串


在JavaScript脚本中，可以实现两个或者两个以上字符串的连接。本节实例给出了三种字符串连接的实现方法。

32在字符串中查找指定字符串


本节实例给出了两个在字符串中查找指定字符的方法，一个是按顺序查找子字符在字符串的位置，另外一个是按逆序查找位置。

33提取字符串中的子字符串


有时会在书写程序的时候希望根据需要在已知的字符串中得到特定的字符或者是字符串。这里给出一个这样的例子，可以根据需求返回一个从指定位置开始的指定长度的子字符串。

34替换字符串中的指定字符串


本节给出了一个用字符串来替换字符串中的指定字符串的例子，因为这个字符串的应用在很多地方都是要用到的。

35将字符串分解为数组


数组这种数据组织形式在程序编写中可以带来很大的方便，所以很多的时候也需要把字符串分级使数组便于操作。本节实例给出了一个字符串分解为数组的例子。

36字符串大小写的书写和判断


通常，会根据某些需要要求把字符串转换成大写的或者小写的。本节实例给出了一个转换字符串大小写的例子，及一个用于判断字符串大小写的函数。

第4章数组技术

41创建空数组


由于在JavaScript中数组和对象的相似性，所以在定义数组的时候就有两种方法，一种是原来创建数组的方式，另外就是像创建对象一样创建数组。

42创建带初始值的数组


本节实例给出了两个创建带初始值的数组的方法，和创建空数组一样都是利用数组本身的特性，另外一种是利用JavaScript中数组也是对象的特点来创建的。

43将数组转换为字符串


当需要打印数组中的元素的时候，大多数时候都是将其中的每个元素连接成一个字符串的形式。本节给出了将数组转换为字符串的例子。

44遍历数组中的元素


对于数组的遍历问题也就是如何访问数组中的元素的问题，本节给出了一个遍历数组中的元素的例子，使用了两种遍历方式。

45合并两个数组


如何像连接字符串一样将两个不同的数组合并成一个数组呢？本节实例给出了实现这种要求的方法。

46创建多维数组


JavaScript支持多维数组，但是并没有构造函数可以直接生成多维数组。可以使用虚拟数组的方法实现，即数组的元素也是数组。本节实例分别用两种方式来创建多维数组。

47数组排序


当然，数据排序是计算机科学的核心问题。任何学习过入门级编程课的人都知道一些排序算法，如冒泡排序、堆排序、希尔排序和快速排序。

第5章JavaScript快速处理日期和时间的操作

51获取当前日期并显示在HTML页中


要对日期和时间进行处理和操作，首先要知道如何用JavaScript得到时间和日期并显示在HTML页面中。本节实例给出了一种显示当前日期的实现方法。

52分别获取当前时间的年月日时分秒


本节实例给出了一个获取时间的年月日时分秒的方法，可以单独得到这些时间，便于对每个项的单独操作。

53时间的水中倒影


本实例使用JavaScript制作一个时间倒影，并且呈现出水中的倒影。

54简单的日历


本节使用JavaScript制作一个简单的日历，该日历可以显示当前的年份、月份及日期，并将今天的日期设置为红色。

55标题栏显示日期


网上经常可以遇到在标题栏上显示的日期。本节实例使用JavaScript制作一个标题栏日期的显示，显示内容包括年份、月份及日期。

56标题栏显示时间


时光如流水，光阴似箭，可见时间的流逝和重要性。本节实例使用JavaScript制作一个标题栏时间的显示。

57不同时间的不同问候


在网页上根据不同时间段给出不同的温馨问候，会有一种亲切的感觉。本节实例使用JavaScript制作一个在不同时间的不同问候语，大致分为早上、中午、晚上和深夜4个时间段。

第6章JavaScript页面处理技巧

61用JavaScript实现一个页面两份样式表


样式表可以对页面的样式进行定义，进而使页面能够呈现出不同的表现形式。本节实例给出了用JavaScript实现一个页面两份样式表的实现方法，这样一个页面可以选择不同的样式表内容。

62用JavaScript动态更换图像元素中的图像


本节实例给出了一个动态更换图像的方法，当用鼠标选择某个图像选项时，该图像会切换为另一幅图像。

63利用搜索引擎引用高亮页面关键字


当在使用大多数的网页搜索引擎的“网页快照”功能时，都会在返回的快照页面中加入关键字高亮的功能。

64使用匿名函数为定时器传递参数


常常会使用方法setInterval或setTimeout，但是由于这两种方法是由脚本宿主模拟出来的Timer线程，在通过其调用的方法是不能为其传递参数。

65Web页面中的Tooltip提示


在一行显示不完全时，配以省略号在结尾，能很好地提示用户表示语句未结束，这时为了让用户能看到所有文字，Tooltip就是必不可少的了。

66在Web页面中控制其元素的选择状态


为了在Web页面上使用文本搜索、在文本框内实现选择效果、在页面上屏蔽选择状态等，需要使用脚本来精确地控制页面中UI元素的选择状态。

第7章JavaScript的鼠标事件和键盘事件

71按钮的鼠标单击事件


鼠标单击事件是最常见的事件之一，当用户单击鼠标按钮时，同时onClick指定的事件处理程序或代码将被调用执行。本节实例给出了按钮的鼠标单击事件响应提示信息。

72用鼠标点亮文本


当鼠标移动到某段文字时，可以对该段文字进行放大或缩小，以增强显示效果。本节给出了对文字进行放大显示的例子。

73渐显图片


鼠标的移动也可以触发一定的事件发生。本节给出了一个对鼠标移动进行感应的例子，完成显示图片和图片清晰度变化的动作。

74跟随鼠标的图片


本节给出了一幅gif动画图像，当鼠标移动时，该图像会随鼠标移动。移动过程中，该gif动画仍将继续活动。

75跟随鼠标的*


鼠标的移动也可以触发一定的事件发生。本节给出了一个对鼠标移动进行感应的例子，完成显示图像和图像清晰度变化的动作。

76跟随鼠标的文字


如果有一种跟随鼠标移动的文字并能带有缓冲的效果，将会给网页带来一种新鲜的感觉。本节给出了一个跟随鼠标的文字的例子，这些文字跟着鼠标移动并带有游走的效果。

77判断Ctrl键是否被按下


为了防止网页内容被复制，网上经常可以遇到禁用鼠标右键的网页。本节给出了一个禁用鼠标左键和右键的例子，不论单击鼠标的哪个按键，都将执行预定的操作。

78键盘按键事件的执行顺序


在使用JavaScript做Web键盘事件侦听捕获时，主要采用onkeypress、onkeydown、onkeyup三个事件进行出来。

79设置页面中某按钮的热键

第8章窗口大小自动化管理

81按指定要求打开的窗口


很多网站总是按照默认窗口打开，如何能随心所欲控制打开的窗口？本节实例给出了一种按指定要求打开窗口的实现方法。

82控制窗口的打开和关闭


本节给出了一个控制窗口的打开和关闭的例子，这样就不必每次都单击窗口的右上角的关闭按钮。

83从天而降的窗口


窗口从天而降！这是多么新奇的一个效果啊，应用在网页上肯定能吸引更多的人。本节给出了窗口自上而下下降的例子。

84打开慢慢变大的窗口


本节给出了一个窗口慢慢变大的例子，也是一个绚丽夺目的效果。

85打开一个四面变大的窗口


上一节已经给出使窗口慢慢变大的例子，那么如何使窗口四面变大呢？本节给出了一个这样的例子，首先在垂直位置上变高，然后在水平位置上变宽。

86页面左右分开


为了在进入页面时能给人一个好的印象，本节给出了一个页面左右分开实现的例子，好像是进入房间时的两扇门自动左右打开的效果。

87定时打开网页


有时候需要在某个特定的时间，打开特定的网页显示一些友好的信息或者是这个时间才有的信息。本节给出了一个在规定的时间自动打开网页的例子。

88自动打开新的窗口


为了能在第一时间就打开新的窗口，网上经常可以遇到这样的效果，大多数是用在广告方面。本节给出了一个页面载入以后就自动打开新的窗口的例子，当然这个窗口也是可以设定属性的。

第9章JavaScript结合文字实现特殊页面

91逐隐逐现的文字特效


文字在一定的时间周期内逐隐逐现，就像夏日夜晚的萤火虫一样。本节实例给出了一种逐隐逐现的特效实现方法。

92超酷的文字特效


本节实例给出了一个超酷的文字特效，当鼠标移动到某个超级链接上时，出现一个字符串，该字符串逐渐慢慢放大，直到超出页面。

93阴影文字的特殊效果


当鼠标移动到某段文字时，可以对该段文字设置阴影，以增强显示效果。本节给出了对文字增加阴影效果的例子。

94彩色文字的特殊效果


本节给出一个文字逐个变换颜色的特殊效果，就像文字在一个一个地移动，如同霓虹灯一般。移动过程中，文字随之变换颜色。

95升降文字的特殊效果


文字是否可以像电梯一样，上下升降呢？本节给出了一个升降文字的例子，完成文字上升和文字下降变化的动作。

96打字效果的文字特效


文字如何实现打字的效果呢？在浏览网页的时候也经常性地能看到这种效果。本节实例给出了一个打字效果的文字特效，文字一个一个地打印在页面上。

97淡入淡出的文字效果


文字带有淡入淡出的效果，利用这种效果可以达到吸引人的目的。本节实例给出了一个淡入淡出的文字效果。

98炽热文字的特殊效果


本节实例给出了一个炽热文字的特殊效果的例子，文字如同着火般，火光围绕着文字不停地跳动着。

第10章页面中的链接地址个性化

101按时消失的链接


在Web页面中，链接是一个不可缺少的部分。但是有些时候只想在一定的时间里面显示链接，然后自动消失。本节实例给出了一个按时消失的链接的实现方法。

102带滚动提示的链接


本节实例给出了一个带滚动提示的链接的实现方法，当鼠标移动到某个链接时，鼠标后会出现一个滚动的提示；当鼠标离开该链接后，滚动提示消失。

103动态变换的链接


当页面载入以后，可以对指定超级链接进行动态变换，以增强显示效果。本节给出了动态变换的链接的例子。

104滚动链接


在一个网页中有很多超级链接时，可以考虑用滚动链接的方式，既可以少占用页面的位置，又很动感美观。本节给出了一个实现滚动链接的例子。

105不断闪动的链接


盛夏的夜空中，总是有很多繁星在眨着眼睛。本节给出了一个不断闪动的链接例子，来实现像夜空中的星星一般，一闪一闪的效果。
106在按钮上定时显示不同的链接


当页面载入以后，可以对指定按钮上的超级链接进行动态变换，以增强显示效果。本节给出了一个在按钮上定时显示不同链接的例子。

107带链接的滚动字幕


在看电视新闻的时候常常可以看到，屏幕下方渐渐滚动过去的一些新闻或者相关文字。那在网页中的超级链接是否也能实现这个效果呢？本节给出了一个带链接的滚动字幕的例子，如同以前的跑马灯一样的效果。

第11章在HTML中用JavaScript控制图像页面

111不停闪烁的图片


盛夏的夜空中，总是有很多繁星在眨着眼睛。本节实例给出一个不停闪烁的图片接例子，来实现像夜空中的星星一般，一闪一闪的效果。

112图片展示选择


本节实例给出了一个图片展示选择的方法，当鼠标选择某个图像选项时，该图像会切换为另一幅图像。

113图片的渐显播放


图片在一定的时间周期内逐隐逐现，就像夏日夜晚的萤火虫一样。本节实例给出一种图片渐显播放的特效实现方法。

114将图片固定在页面左上角


当鼠标移动向下拉时，图片可以随着页面的变化而向下移动，并一直保持在窗口顶部的效果。本节给出了一个将图片固定在页面左上角的例子。

115左右移动的图片


在浏览网页的时候可以看到这样的效果，图片在页面中如同摆钟的钟摆一样左右移动。本节给出了一个左右移动图片的例子，完成左右不停移动的动作。

116图像滚动公告版


公告版在日常生活中是很常见的，如果使用图片做成滚动的特效将会更吸引人一些。本节给出了一个图像滚动公告版的例子。

117跟随屏幕移动的图像


在页面上使用鼠标拖动图像，释放后保持在最后鼠标释放时候的位置。这样的效果现在很流行。本节给出了一个跟随屏幕移动图像的例子，来实现这个效果。

第12章菜单特效

121左键弹出式菜单


在Web页面中，通常是单击鼠标右键会弹出菜单选项，显得有些单调。本节实例给出了一种单击鼠标左键便会弹出菜单的实现方法。

122推拉门式样的菜单


本节实例给出了一个实现推拉门式样菜单的方法，当鼠标移动到菜单一边时，该菜单会渐渐推出，直到完全显示出来；当鼠标离开该菜单后，又慢慢退回原来的位置。

123浮动顶部的菜单


当鼠标移动向下拉时，菜单可以随着页面的变化而向下移动，并一直保持在窗口顶部。本节给出了一个对浮动顶部的菜单例子。
124浮动底部的菜单


当鼠标移动向下拉时，菜单可以随着页面的变化而向下移动，并一直保持在窗口底部。本节给出了对浮动底部的菜单例子。

125渐显效果下拉菜单


用鼠标单击以后菜单由无到有逐渐显示。本节给出了一个实现这样渐显效果下拉菜单的例子。

第13章背景特效

131背景时钟


在日常生活中，处处都可以看到时间，大街上、电视上、商场里……当然对于上网的人们，更多看到时间的还是在网页上。本节实例给出了一种背景时钟的实现方法。

132永远居中的背景图片


本节实例给出了一种图像切换的方法，当鼠标移动到某个图像时，该图像会切换为另一幅图像；当鼠标离开该图像后，又换回原来的图像。

133随机显示的背景图片


如果背景始终如一，难免会让人有单调的感觉，可以选择多个背景在每次刷新的时候就会随机显示，以增强显示效果。本节给出了随机显示背景图片的例子。

134不停变换的背景颜色


夜晚街上的霓虹灯是一道靓丽的风景线，那网页背景也能像这样自动不停变换颜色吗？本节就给出了一个实现这样功能的例子。

135背景颜色自己选


前几节实现的背景都不能自己选择，都是由程序决定的。本节给出了一个更具人性化的例子，可以自己来选择背景颜色。

第14章页面特效

141页面全屏显示


在浏览器中，可以按右上角的最大化按钮使浏览器全屏显示。那如何使页面全屏显示呢？本节实例给出了一种页面全屏显示的实现方法。

142显示器检测代码（给出提示）


本节实例给出了一种检测显示器分辨率的方法，并能友好地提醒浏览者，该用何种分辨率浏览网页可以得到最佳效果。

143浏览器检测后自动跳转相应界面


当自动判断浏览器类型后，页面跳转至相应界面。本节给出了浏览器检测后自动跳转相应界面的例子。

144检测浏览器相应版本


本节给出了一个检测浏览器相应版本的例子。当使用不同的浏览器和不同的版本浏览这个页面时，显示的信息都会不同。

145页面停留时间1


鼠标的移动也可以触发一定的事件发生。本节给出了一个对鼠标移动进行感应的例子，完成显示图像和图像清晰度变化的操作。

146页面停留时间2


有时候并不想让浏览者时时看到停留的时间，只在离开的时候做个小小的提示。本节给出了一个这种页面停留时间效果的例子。

147检测浏览器类型并调用不同的背景音乐


在Web页面中能播放动人的背景音乐是一件能让人有好心情的事情。本节实例给出了一种检测浏览器类型并调用不同背景音乐的实现方法。

148将站点加入频道栏


本节实例给出了将一个站点加入频道栏的方法，用户可以通过订阅频道实现站点更新内容的自动获取。在频道定义中所使用的格式CDF（Channel Definition Fomat），也是一个XML应用。

149将站点加入收藏夹


如果某个网站经常被访问，希望每次上网的时候很容易就能够被找到，那么可以将它加入收藏。本节给出了将站点加入收藏夹的例子。
1410禁用鼠标按键


为了防止网页内容被复制，网上经常可以遇到禁用鼠标右键的网页。本节实例给出了一个禁用鼠标左键和右键的例子，不论单击鼠标的哪个按键，都将执行预定的操作。

1411自动弹出式窗口


本节给出了一个自动弹出式窗口的例子，调用一个窗体时自动弹出一个新的窗体。这个特效在弹出广告上运用很广泛。

1412自动滚屏


有时候可能因为一个页面中的内容过多，看到一半的时候就得用鼠标向下拉一下。本节实例给出了一种自动滚屏的实现方法，能够很好地解决这类问题。

第15章JavaScript操作表格

151动态添加表格


既然本章介绍对表格的操作，如果在Web页面中没有表格，那该如何创建呢？本节实例给出了一种动态添加表格的实现方法。

152获取表格的某行


本节实例给出了一种获取表格某行的方法。在上一小节中，介绍了如何动态创建表格的方法。如果想得到某行表格的数据。该使用怎样的方法对表格进行操作呢？

153获取某个表格的单元格


有时候想得到更为细致的数据，那么就必须得到单元格的内容。有了前两个小节的基础，下面使用类似的方法实现一个获取表格中某个单元格的例子。

154锁定表格的表头


有时候表格的数据会比较多，这样表格就显得比较长，所以要限定表格的高度。但是这样出现了滚动条以后，表头是会随着拖动而不见的。本节给出了一个即使在数据很多时候需要使用滚动条拖动，还能锁定表格表头的例子。

155简单的表格排序


对于数据的操作，为能够得到更好的比较，排序是经常性的事情。本节给出了一个对数据表格进行排序的例子，完成简单性的数据排序功能。

156表格翻页


也是为了更友好地呈现数据，网上经常可以遇到各种各样的翻页形式。有的是静态分页，有的使用Ajax动态分页。而这些都是要在服务器端执行的，本节实例给出一个只利用JavaScript脚本在客户端就能实现表格翻页的例子。

第16章Ajax应用特效

161无刷新实现图片切换


在Web页面中，经常可以看到一些很漂亮的图片切换效果。本节实例给出了一种实现图片无刷新切换的方法。

162很酷的导航特效


导航条是在网络上最经常看到的，本节实例给出了一个很酷的导航特效，当鼠标移动到某个菜单选项时，该选项会带有类似缓冲效果切换为另外一种样式；当鼠标离开该图像后，又换回原来的样式。

163加载一个文本文件到一个HTML元素中


在页面上要动态改变一个元素的内容通常需要刷新整个页面，使用Ajax技术以后只要改变想要改变的内容而不要刷新整页。本节给出了加载一个文本文件到一个HTML元素中的例子。

164使用XML HTTP载入一个XML文件


XML文件是现在很流行的一种数据格式，在很多方面都有很好的应用。本节给出一个使用XML HTTP载入一个XML文件的例子。

165通过XML HTTP做一个HEAD的请求


Web网页的HEAD中包含有很多重要的信息，例如根据这些信息可以判断现在的状态并作出相应的改变。本节给出了一个通过XML HTTP做一个HEAD的请求的例子。

166通过XML HTTP做一个特殊HEAD的请求


Web网页的HEAD中包含有很多重要的信息，例如根据这些信息可以判断现在的状态并作出相应的改变。如果只是想得到其中的一个特殊信息也是很方便的。本节给出了一个通过XML HTTP做一个特殊HEAD的请求的例子。

167显示XML数据表格


XML文件是现在很流行的一种数据格式，在很多方面都有很好的应用。本节给出一个显示XML数据表格的例子。

168服务器端的动态建议


最近网上流行的Ajax技术之一，即在网页上输入一定信息的关键字便能动态显示建议。本节给出了一个服务器端的动态建议的例子，其中使用到服务器端语言。

第17章Prototype基础应用

171使用＄()得到html元素


一般JavaScript脚本语言是通过documentgetElementById()方法得到页面中的html元素的。Prototype框架提供了一个更方便更强大的函数来实现这一功能。本节实例给出了一种使用＄()得到html元素的实现方法。


172使用＄F()返回表单输入控件的值


提交表单的功能在动态的交互式网页上有很广泛的应用。如果我们需要将这个功能做成Ajax无刷新效果的话，那么就得考虑如何得到表单中输入框控件的值。本节实例给出了一个使用＄F()返回表单输入控件的值的方法。

173使用＄A()将单个的参数转换成Array对象


数组是一种优良的数据结构，转换成数组便于对数据进行更方便的操作。一个推荐的用法就是把DOM NodeLists转换成一个普通的Array对象，从而更有效率地进行遍历。本节给出了使用＄A()将单个的参数转换成Array对象的例子。

174使用＄H()把一些对象转换成Hash对象


Hash也是一种优良的数据结构，该对象实现了一个散列结构，例如一个键：值对的集合。其中的每个项目都是一个包含两个元素的数组：首先是键，然后是值。本节给出了使用＄H()把一些对象转换成Hash对象的例子。

175使用＄R()创建新的对象域


Prototype的对象域继承自Enumerable枚举对象，继承了枚举对象的所有的特性。本节给出了一个使用＄R()创建新的对象域的例子。
176使用AjaxRequest类进行异步调用


如果不使用任何的帮助程序包，则需要编写整个大量的代码来创建XMLHttpRequest对象并且异步地跟踪它的进程，然后解析响应并处理它。为了支持Ajax功能，Prototype对这个包定义了AjaxRequest类。

177使用AjaxUpdater类填充html


如果服务器的另一端返回的信息已经是HTML格式的，那么在使用这个程序包中AjaxUpdater类将使此操作变得更加容易。用它只需提供哪一个元素需要被Ajax请求返回的HTML填充就可以了。本节给出了一个使用AjaxUpdater类填充html的例子。

第18章基于jQuery的特效

181动态表格和动态表单


表格是HTML的一项非常重要功能，利用其多种属性能够设计出多样化的表格。使用表格可以使你的页面有很多意想不到的效果，使页面更加整齐美观。本节实例给出了一种动态表格和动态表单的实现方法。

182输入框获得焦点、单击、划过时全选


本节实例给出了一个通过输入框获得焦点、单击、划过时全选的方法，当鼠标移动到某个输入框时，该输入框中的内容便会自动全选。

183CSS 样式表动态选择


样式表可以对页面的样式进行定义，进而使页面能够呈现出不同的表现形式。本节实例给出了用JavaScript实现一个页面多份样式表的方法，这样一个页面可以选择不同的样式和内容。

184jQuery的选择器之变态演示


jQuery拥有一个相当强大的选择器引擎，提供了完整的选择器语法，允许选择几乎所有的元素组合。jQuery的选择器语法主要是基于CSS3和XPath的，对CSS3和XPath了解越多，使用jQuery时就越得心应手。本节实例给出了一个对jQuery的选择器之变态演示，用来体验jQuery的强大。

185让链接打开一个新窗口


鼠标的单击也可以触发一定的事件发生。本节给出了一个用链接打开一个新窗口的例子，只要用鼠标单击超级链接便能打开新的窗口。

186键盘控制选择表格并编辑


在Excel和Word文档中能很容易地对数据表格进行选择编辑，如何在网页中实现这种方便的效果呢？本节实例给出了一种键盘控制选择表格并编辑的实现方法。

187下拉框的值同时给文本框和文本域


本节实例给出了一个下拉框的值同时给文本框和文本域的方法，当用鼠标点击下拉框某个值时，同时给页面的文本框和文本域赋值。
188基于jQuery的折叠菜单


ⅩⅦ


菜单可以展开也可以收缩，这样既能隐藏一些不相关的内容又能突出重点。这样的效果最常用的还是在网页后台上。本节给出了基于jQuery的折叠菜单的例子。

189可编辑的表格数据


在Excel和Word文档中能很容易地对数据表格进行选择编辑，如何在网页中实现这种方便的效果呢？本节实例给出一种鼠标控制选择表格并编辑的实现方法。

1810实现双色数据表格

第19章其他特效

191中文日期


直接使用脚本得到的时间是阿拉伯数字格式显示的，如何能得到中文的日期格式呢？本节实例给出了一种中文日期的实现方法。

192现在的日期及星期


本节实例给出了一种得到现在的日期及星期的方法。这样就不必总是问别人，今天几号啊，今天是星期几呀。

193带链接的滚动字幕


在网上冲浪时，屏幕下方常会出现渐渐滚动过去的一些新闻或者相关文字。那在网页中的超级链接是否也能实现这个效果呢？本节给出了一个带链接的滚动字幕的例子。

194垂直滚动公告板


在一个网页中有很多公告内容时，可以考虑用垂直的方式。既可以少占用页面的位置，又很动感美观。本节给出了一个实现垂直滚动公告板的例子。

195关闭窗体


本节给出了一个控制窗口的关闭的例子，这样就不必每次都单击窗口的右上角的关闭按钮。

196分时问候


在网页上根据不同时间段给出不同的温馨问候，会有一种亲切的感觉。本节实例使用JavaScript制作一个在不同时间的不同问候语，大致分为早上、中午、晚上和深夜4个时间段。

197密码保护页面


有时候只是想让自己或者自己熟悉的人浏览网页内容，那么给这个网页设置一个密码是最合适不过的。本节给出了一个密码保护页面的例子，只有输入正确的密码，才能正常访问网页内容。

198当前的时间


本节实例给出了一种得到当前时间的方法。虽然现在提供的操作系统已经提供了这个功能，但是有时候系统时间也会出错，那么校对网上的时间会是一个不错的选择。

第20章正则表达式

201校验是否全由数字组成


一种校验是否全由数字组成的实现方法。可以对一个输入字符串进行测试,查看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。

202校验登录名


一种校验登录名的实现方法。只能输入5~20个以字母开头、可带数字、“”、“”的字符串。

203校验用户姓名


一种校验用户姓名的实现方法。只能输入1~30个以字母开头的字符串。

204校验普通电话、传真号码

ⅩⅧ

一种校验用户姓名的实现方法。只能输入6~20个字母、数字和下画线。

205校验中文字符


一种校验中文字符的实现方法。校验普通电话、传真号码：可以“+”开头,除数字外,可含有“-”。

206校验邮件地址的有效性


一种校验邮件地址的有效性的实现方法。必须以数字开头,除数字外,可含有“-”。

207校验腾讯QQ号


一种校验腾讯QQ号的实现方法。号码的位数必须大于5位。

附录JavaScript核心对象和方法参考