《Web开发典藏大系：JavaScript网页特效实例大全》

编辑推荐

　　最全面的JavaScript网页特效开发实例书籍。

全面介绍了500余个网页特效实例，可作为每个网页开发人员的案头必备手册。
　　·涵盖网页开发中最常见的JavaScript特效实例、jQuery特效实例及JavaScript结合CSS特效实例等。
　　·每个实例都提供了详细的源代码，只需要对这些源代码稍加修改，便可直接用于实际开发，可大大提高开发效率。　　·讲解时穿插了大量的网页开发技巧，可以让读者掌握一些快捷编程的方法，从而在短期内迅速提高开发水平。

海报：

内容简介

　　《Web开发典藏大系：JavaScript网页特效实例大全》全面介绍了500余个JavaScript网页特效实例，涉及JavaScript的基本知识、高级技巧和核心原理，基本涵盖了JavaScript开发的所有重要知识和特效实例，而且还介绍了iQuery特效实例、JavaScript和CSS结合特效实例及Active技术应用等。《Web开发典藏大系：JavaScript网页特效实例大全》实例典型，实用性强，可以作为每个网页开发人员的案头必备手册。另外，《Web开发典藏大系：JavaScript网页特效实例大全》免费赠送大量的网页制作与开发专题教学视频库、实例资源库及案例资源库，需要的读者可按《Web开发典藏大系：JavaScript网页特效实例大全》封底的提示自行下载。
　　《Web开发典藏大系：JavaScript网页特效实例大全》共20章，分为3篇。第1篇介绍JavaScript网页特效实例，涵盖421个实例，包括页面类特效、按钮特效、按键屏幕特效、验证码特效、鼠标特效、类淘宝特效、各类网站特效、焦点图特效、图片特效、文字特效、链接特效、文本框特效、时间特效、数字特效、控件特效、密码特效；第2篇介绍iQuery特效实例，涵盖74个实例，包括JavaScript与CSS结合特效、iQuery特效；第3篇介绍Active技术应用，涵盖12个实例，内容包括JavaScript与ActiveX技术、JavaScript操作数据库等。
　　《Web开发典藏大系：JavaScript网页特效实例大全》适合所有想全面学习JavaScript开发的人员阅读，尤其适合用JavaScript进行网页特效开发的人员。对于经常使用JavaScript进行网页编程的人员，《Web开发典藏大系：JavaScript网页特效实例大全》更是一本不可多得的案头必备参考手册。

作者简介

　　吕琨，毕业于西安交通大学。从2001年开始从事软件系统的设计与开发。精通JavaScript、Java、.NET和数据库等技术。带领团队完成过很多软件项目，这些项目目前均在使用中。现就职于中国铁路工程总公司，参与了OA系统、施工企业设备管理系统、施工企业项目管理系统和财务信息集成平台等大量项目的开发。

目录

第1篇JavaScript网页实例
第1章页面类特效（教学视频：19分钟）
1.1背景颜色在线改变2
1.2舞台效果3
1.3下雨的页面效果6
1.4QQ式页面导航栏8
1.5拉幕效果10
1.6使用调色板更换页面背景11
1.7飞舞的星星13
1.8选择进入页面的效果15
1.9网页加载效果15
1.10自动滚屏页面16
1.11QQ客服随屏页面效果17
1.12雪花纷飞的页面19
1.13MSN消息提示效果21
1.14自动最大化页面22
1.15自动刷新页面23
1.16页面的前进与后退23
1.17保护页面内容不被复制24
1.18保护页面源代码不被复制25
1.19保护页面不被其他网站使用框架加载25
1.20在页面中调用其他网页26
1.21倒计时26
1.22载入页面时显示滚动条28
1.23禁用页面另存功能29
1.24禁用页面被加载到缓存中30
1.25打开页面时弹出对话框30
1.26自动收藏当前页面31
1.27自动设定当前页面为默认加载页面31
1.28冻结窗口32
1.29禁用页面中的脚本33
1.30随机修改页面标题33
1.31页面中的播放器34
1.32页面信息的传递35
1.33批量访问页面元素36
1.34改变页面元素位置36
1.35页面动画37
1.36页面元素拖曳38
1.37页面颜色渐变40
1.38基于浏览器类型的重定向43
1.39页面加载后自动播放声音43
1.40显示页面最后修改时间44
1.41页面状态栏实时显示当前时间44
1.42页面的前进、后退与刷新45
1.43页面定时弹出窗口46
1.44将页面上过长的字符串按长度要求超出部分显示省略号46
1.45页面树形菜单47
第2章按钮特效（教学视频：15分钟）49
2.1改变页面某列表框控件的内容时，显示不同的按钮49
2.2按钮热键50
2.3确认某个动作前的提示按钮51
2.4图形按钮51
2.5平面按钮52
2.6嵌入按钮53
2.7通过按钮刷新页面53
2.8禁止按钮连击54
2.9底部显示文字的按钮55
2.10动态创建按钮55
2.11通过按钮改变状态栏56
2.12通过按钮控制文本产生渐变效果56
2.13按钮获取焦点58
第3章按键屏蔽特效（教学视频：10分钟）
3.1屏蔽键盘所有键59
3.2屏蔽鼠标右键59
3.3屏蔽F5键刷新页面60
3.4屏蔽浏览器右上角“最小化”、“最大化”和“关闭”按钮60
3.5屏蔽退格键61
3.6屏蔽IE后退按钮61
3.7屏蔽主窗口滚动条61
3.8抓屏并不断地清空剪贴板62
3.9屏蔽网站的打印功能62
3.10屏蔽IE浏览器中图片上自动出现的保存图标62
3.11屏蔽网页中所有的脚本63
第4章验证码特效（教学视频：21分钟）
4.1限制长度64
4.2限定汉字65
4.3限定英文65
4.4限定数字66
4.5限定英文和数字66
4.6验证邮箱格式67
4.7屏蔽关键字68
4.8验证两次输入的密码是否相同69
4.9验证表单项不为空70
4.10比较两个表单项的值是否相同71
4.11验证表单项只能为数字和下划线72
4.12限定表单项输入值或长度73
4.13限定表单项不能输入的字符74
4.14检查一段字符串是否全由数字组成74
4.15判断是否是字符75
4.16验证电话号码格式76
4.17判断输入是否为中文77
4.18判断用户名是否为数字、字母、下划线78
第5章鼠标特效（教学视频：18分钟）
5.1鼠标单击图片后切换为其他图片79
5.2鼠标单击小图无刷新放大图片79
5.3鼠标放到图片上会滑出提示文字80
5.4鼠标放上图片错位效果82
5.5鼠标经过时产生浮动层放大图像82
5.6鼠标经过图片放大效果83
5.7鼠标经过图片更换图片84
5.8鼠标经过图片时，下方出现注释85
5.9鼠标经过时，图片由灰色变彩色86
5.10图片在鼠标的控制下横向滚动86
5.11鼠标拖动图片89
5.12鼠标拖动时图片自由变化大小91
5.13鼠标移出图片抖动91
5.14图片透明度随着鼠标移入移出而改变93
5.15鼠标移入缩略图显示出大图94
5.16图片在鼠标移入时变清晰96
5.17图片边框在鼠标经过时变色97
5.18在网页上单击鼠标的地方显示图片97
5.19鼠标滑入时图片变清晰，鼠标划出时图片变模糊98
5.20图片响应鼠标特效99
5.21鼠标滑入动画加载大图100
5.22鼠标滑过图片出现边框104
5.23鼠标滑入图片改变透明度104
5.24缩略图响应鼠标滑入图片切换105
5.25鼠标滑入后悬停，图片交换108
5.26鼠标滑入小图，跟随鼠标移动展示大图109
5.27带图片的鼠标悬停提示111
5.28响应鼠标变化的绚丽图片特效112
5.29感应鼠标的图片遮罩动画效果115
5.30鼠标滑入变换内容116
5.31跟随鼠标旋转的星星117
5.32鼠标滑入图片渐变高亮119
5.33图片感应鼠标的虚实效果120
5.34鼠标单击控制图片左右滚动120
5.35全面禁用鼠标右键124
5.36全面禁用鼠标滚轮124
5.37全面禁用鼠标右键复制粘贴125
5.38跟踪鼠标显示坐标126
5.39围绕鼠标跳跃的文字127
5.40鼠标移入移出某个区域时改变颜色128
5.41鼠标移入移出时控件特效128
5.42跟随鼠标的汉字129
5.43跟随鼠标的小点点131
5.44跟随鼠标漂移的文字132
5.45鼠标燃放烟花133
5.46带时钟的鼠标137
5.47吐泡泡的鼠标141
5.48会变化的鼠标指针143
5.49跟踪鼠标的雪花143
第6章类淘宝特效（教学视频：11分钟）
6.1类淘宝图片切换，类似相册播放效果146
6.2淘宝网宝贝图片预览效果149
6.3淘宝网广告图片幻灯效果151
6.4淘宝网图片幻灯片上下滚动切换效果153
6.5淘宝式导航条155
6.6淘宝式选择菜单156
6.7淘宝产品列表的显示与隐藏159
6.8淘宝网纵向分类菜单160
6.9淘宝的地区选择菜单162
第7章各类网站特效（教学视频：21分钟）
7.1广告图片上下滚动替换164
7.2仿Flash广告图片左右滚动替换的效果165
7.3广告图片渐变翻页效果168
7.4照片分享网站的图片预览效果169
7.5图片滑动放大效果170
7.6Google牛顿纪念日苹果下落特效Logo172
7.7运用marquee标签的图片滚动特效173
7.8仿NBA网站图片切换174
7.9仿nVida网站图片滑动切换176
7.10盯着你看的眼睛Logo177
7.11仿FLASH图片光照特效179
7.12心形屏保效果179
7.13仿天极网首页幻灯图片切换特效182
7.14百度图片切换特效184
7.15腾讯图片滑动切换特效185
7.16仿新浪焦点图变换自动切换大图效果188
7.17搜狐女人频道首页的图片切换效果190
7.18腾讯商品图片滚动效果192
7.19腾讯网站的图片切换效果193
7.20天极网图片切换效果195
第8章焦点图特效（教学视频：7分钟）
8.1焦点图片切换过程自动变更切换效果197
8.2单击小图弹出大图199
8.3动感图片标题的焦点图切换201
8.4带加载过程的焦点图片切换效果204
8.5简洁的鼠标滑入焦点图切换效果206
第9章图片特效（教学视频：20分钟）
9.1图片的渐显效果208
9.2图片放大查看特效209
9.3图片滚动展示210
9.4图片滚动酷炫效果211
9.5图片垂直和水平翻转效果211
9.6图片放大效果212
9.7图片幻灯效果215
9.8图片扭曲变形效果217
9.9图片淡入淡出切换特效218
9.10图片无缝滚动220
9.11图片90°旋转222
9.12图片选择器223
9.13图片预加载226
9.14图片预加载复杂效果227
9.15图片的渐隐渐现效果228
9.16图片翻页效果229
9.17图片放大效果230
9.18图片自右向左滚动231
9.19图片在按钮控制下左右无缝滚动效果232
9.20图片自动滚动效果236
9.21图片横纵向同时滚动效果237
9.22图片在鼠标控制下连续左右滚动效果239
9.23图片悬停滚动切换效果241
9.24图片随着鼠标滑入缩略图切换效果245
9.25图片快速移动切换效果247
9.26图片通过悬浮的左右箭头切换效果248
9.27图片简单切换效果251
9.28图片渐现加载效果252
9.29图片可控垂直无缝滚动效果253
9.30图片自动上翻效果255
9.31图片水平切换效果257
9.32图片左右浮动效果258
9.33图片垂直滚动效果260
9.34图片杂色效果264
9.35箭头图片控制内容框内容滚动265
9.36图片光影效果266
9.37图片走马灯效果267
9.38图片通过缩略图切换效果268
9.39图片雷达扫描效果269
9.40图片闪动效果270
9.41图片在鼠标滑入时垂直滚动271
9.42图片垂直浮动效果272
9.43图片随机切换效果273
9.44图片立体椭圆轨迹旋转切换效果274
9.45图片向上无缝滚动效果277
9.46图片向下无缝滚动效果278
9.47图片向左无缝滚动效果279
9.48图片向右无缝滚动效果280
9.49网页背景图片通过单击缩略图切换效果281
9.50图片漂浮效果281
9.51图片放入椭圆中283
9.52滚动波浪效果283
9.53图片探照灯效果285
9.54图片变换位置浮现效果285
9.55禁止下载图片287
9.56图片弹跳效果287
9.57旋转圆圈效果290
9.58穿越星空效果292
.......
第10章文字特效（教学视频：25分钟）
第11章链接特效（教学视频：18分钟）
第12章文本框特效（教学视频：14分钟）
第13章时间特效（教学视频：18分钟）
第14章数字特效（教学视频：19分钟）
第15章控件特效（教学视频：17分钟）
第16章密码特效（教学视频：11分钟）

第2篇jQuery特效实例
第17章JavaScript与CSS结合特效（教学视频：20分钟）
第18章jQuery特效（教学视频：20分钟）
第3篇Active技术的应用
第19章JavaScript与ActiveX技术（教学视频：13分钟）
第20章JavaScript操作数据库（教学视频：7分钟）
附录AJavaScript对象模型图640
附录BJavaScript事件大全641

前言/序言

　　随着网络的不断发展，网络将不再仅是获取信息的平台，它正逐步地向个性化发展。网站的美观与否，以及信息量的多少决定了它的客流量。因此，对一个网站或者一个网页来说，外观是相当重要的。
　　JavaScript是目前网页设计中最简单易学并且易用的语言，它能让你的网页更加生动活泼。利用JavaScript做出的网页特效，能大大提高网页的可观性，增加收藏和点击率。
　　JavaScript语言的前身是1992年一家叫做Nombas的公司开发的C-minus-minus语言，它是一种嵌入式脚本语言。这种简称为Cmm的脚本语言，理念很简单：既强大到可以替代宏操作，又能保持与C和C++的相似性，以便开发人员能很快学会。Cmm捆绑在一个叫做CEnvi的共享软件中，向开发人员展示其威力。最终，Nombas把Cmm的改成了ScriptEase。当NetscapeNavigator崭露头角时，Nombas开发了一个可以嵌入网页中的CEnvi版本。当时正处于技术革新最前沿的Netscape，开始认真考虑开发一种客户端脚本语言来解决简单的处理问题。时任Netscape员工的BrendanEich开发了称为LiveScript的脚本语言，目的是在浏览器和服务器端使用它。就在NetscapeNavigator2.0即将正式发布前，Netscape将其更名为JavaScript，JavaScript从此变成了因特网的必备组件。
　　JavaScript的标准最终由ECMA组织发展和维护，这样制定出来的JavaScript标准就是ECMA-262。ECMA-262的开发始于1996年；1997年7月，ECMA会员大会采纳了它的首个版本；到了1998年，该标准成为了国际ISO标准（ISO/IEC16262）；目前它仍然处于发展之中。
　　笔者结合自己多年的JavaScript开发经验和心得体会，花费了近一年的时间编写了此书。希望各位读者能在《Web开发典藏大系：JavaScript网页特效实例大全》的引领下跨入JavaScript开发之门，并成为开发高手。《Web开发典藏大系：JavaScript网页特效实例大全》结合大量网页源代码，全面、系统、深入地介绍了JavaScript网页开发技术，用大量实例贯穿《Web开发典藏大系：JavaScript网页特效实例大全》，详细地讲解了JavaScript的全面应用方法，书中还介绍了JQuery、ActiveX、Ajax等时下流行的网页技术，保证读者在学习完《Web开发典藏大系：JavaScript网页特效实例大全》之后，可以具备独立进行网页开发的能力和思维。
《Web开发典藏大系：JavaScript网页特效实例大全》编写特色
　　1．内容全面、系统、深入
　　《Web开发典藏大系：JavaScript网页特效实例大全》内容涉及JavaScript的基本知识、高级技巧和核心原理，基本涵盖了JavaScript开发的所有重要知识和特效实例，而且还介绍了jQuery特效实例、JavaScript和CSS结合特效实例及Active技术应用等。
　　2．贯穿500余个典型实例进行讲解
　　《Web开发典藏大系：JavaScript网页特效实例大全》从始至终贯穿了大量实例进行讲解，这些实例都来自于实际的网页开发实践，实用性非常强，读者通过研读这些实例，可以系统地掌握JavaScript开发技术。
　　3．提供大量网页源代码，有很强的实用性
　　作者专门编写了大量的配套网页特效源代码，使得读者能够更加轻松、直观地学习《Web开发典藏大系：JavaScript网页特效实例大全》内容。读者只需稍加修改这些代码，便可直接用于自己的学习和工作当中，可以大大提高开发效率。
　　4．讲解深入浅出，循序渐进，适合各个层次的读者阅读
　　《Web开发典藏大系：JavaScript网页特效实例大全》内容安排从基本知识到高级技巧，再到核心原理及实际应用，从易到难，层层深入，讲解时循序渐进，由浅入深，适合各个层次的读者阅读。
　　5．贯穿大量的开发技巧，迅速提升开发水平
　　《Web开发典藏大系：JavaScript网页特效实例大全》在讲解实例时贯穿了大量的网页开发技巧，通过对这些技巧的掌握，可以让读者体验实际编程的捷径，从而迅速提高开发水平。
　　6．提供技术支持，答疑解惑
　　阅读《Web开发典藏大系：JavaScript网页特效实例大全》时若有任何疑问都可以发电子邮件到bookservice2008@163.com与我们联系，我们会及时对你的问题给予答复。
　　7．免费赠送大量的学习资源
　　《Web开发典藏大系：JavaScript网页特效实例大全》免费赠送网页制作与开发专题教学视频库、实例资源库及案例资源库，涉及HTML、CSS、DIV、JavaScript、jQuery、HTML5、CSS3等技术，需要的读者请自行下载。
《Web开发典藏大系：JavaScript网页特效实例大全》涵盖的内容
　　第1篇JavaScript网页实例（第1～16章）
　　本篇涵盖421个网页特效实例，主要内容包括页面类特效、按钮特效、按键屏幕特效、验证码特效、鼠标特效、类淘宝特效、各类网站特效、焦点图特效、图片特效、文字特效、链接特效、文本框特效、时间特效、数字特效、控件特效、密码特效。通过对本篇内容的学习，读者基本可以掌握JavaScript的各种语法及其实际网页开发中各种特效的编写方法。
　　第2篇jQuery特效实例（第17、18章）
　　本篇涵盖74个网页特效实例，主要内容包括JavaScript与CSS结合特效、jQuery特效。通过对本篇内容的学习，读者可以掌握jQuery的语法及核心思想，以及jQuery在实际网页开发中的应用。
　　第3篇Active技术应用（第19、20章）
　　本篇涵盖12个实例，主要内容包括ActiveX组件基础、ActiveX组件与JavaScript关系、JavaScript脚本调用ActiveX控件实例，以及JavaScript操作数据库基础、JavaScript与ASP合并使用操作数据库等。通过对本篇内容的学习，读者可以了解JavaScript与ActiveX技术的关系与应用，还可以学习JavaScript操作数据库的一些知识。
　　《Web开发典藏大系：JavaScript网页特效实例大全》读者对象
　　*JavaScript初学者；
　　*想全面学习JavaScript开发技术的人员；
　　*JavaScript专业开发人员；
　　*利用JavaScript做网页开发的编程人员；
　　*利用JavaScript做出的网页搭建网站的建站人员；
　　*JavaScript开发爱好者；
　　*大中专院校的学生；
　　*社会培训班学员；
　　*需要一本案头必备手册的JavaScript程序员。