JavaScript网页特效范例宝典

本书以网站开发者在开发中遇到的实际问题和应该掌握的技术为中心,全面介绍了JavaScript在网站开发中各个方面的常用技术和技巧。全书共19章,分别是窗口/框架与导航条设计、表单及表单元素、实用JavaScript函数、日期和时间、文字特效、超级链接特效、操作表格、图形图像与多媒体、页面特效、状态栏特效、报表与打印、网站安全、HTML/CSS样式、JavaScript与XML、JavaScript与ASP结合、JavaScript与JSP结合、JavaScript与ASP.NET结合、JavaScript与PHP结合、综合应用等。全书共提供了401个实例,每个实例都突出实用性,其中大部分是网站开发者梦寐以求的问题解决方案。
本书附有配套光盘。光盘提供了书中所有实例的全部源代码,所有源代码都经过精心调试,在Windows XP/Windows 2000环境下测试通过,保证能够正常运行。
本书适用于广大计算机爱好者和编程人员使用,也可供大中专院校师生学习参考。
目录:
第1章窗口/框架与导航条设计1
1.1弹出窗口控制2
实例001打开新窗口显示广告信息2
实例002定时打开窗口4
实例003通过按钮创建窗口5
实例004自动关闭的广告窗口6
实例005控制弹出窗口居中显示7
实例006弹出的窗口之Cookie控制9
实例007为弹出的窗口加入关闭按钮11
实例008关闭弹出窗口时刷新父窗口12
实例009关闭IE主窗口时,不弹出询问对话框13
1.2弹出网页对话框14
实例010弹出网页模式对话框14
实例011弹出全屏显示的网页模式对话框16
实例012网页拾色器18
实例013日期选择器21
1.3窗口的动画效果26
实例014页面自动滚动26
实例015打开窗口特殊效果27
实例016动态显示窗口29
实例017慢慢放大的窗口30
实例018下降式浏览器32
实例019旋转的窗口33
实例020移动的窗口34
实例021震动的窗口35
实例022弹出广告窗口36
1.4窗口控制37
实例023窗口始终在最上面38
实例024窗口的最小化、最大化39
实例025频道方式窗口41
实例026全屏显示42
实例027设置窗口大小和位置43
实例028刷新当前页44
实例029自动最大化45
实例030自定义导航控制面板46
实例031根据用户分辨率自动调整窗口48
1.5窗口的其他效果49
实例032打开窗口时显示对话框50
实例033使窗口背景透明50
实例034立体窗口52
实例035动态标题栏53
实例036固定大小的窗口54
1.6框架的应用55
实例037框架集的嵌套56
实例038在网页中应用浮动框架58
实例039创建空白框架60
实例040居中显示框架页62
1.7无边框窗口63
实例041全屏显示无边框有滚动条的窗口63
实例042应用CSS+DIV实现指定尺寸无边框无滚动条窗口65
实例043应用JavaScript实现指定尺寸无边框无滚动条窗口67
1.8水平导航条应用69
实例044图片按钮导航条69
实例045导航条的动画效果71
实例046不用图片实现质感导航条72
1.9下拉菜单式导航条73
实例047二级导航菜单74
实例048半透明背景的下拉菜单76
实例049展开式导航条80
实例050用层制作下拉菜单181
实例051用层制作下拉菜单284
1.10侧导航条设计86
实例052自动隐藏式菜单87
实例053收缩式导航菜单89
实例054树状导航菜单91
第2章表单及表单元素95
2.1文本框/编辑框/隐藏域组件96
实例055获取文本框/编辑框/隐藏域的值96
实例056自动计算金额97
实例057设置文本框的只读属性98
实例058限制多行文本域输入的字符个数100
实例059自动选择文本框/编辑框中的文字102
实例060按下回车键时自动切换焦点103
2.2下拉列表/菜单104
实例061获取下拉列表/菜单的值104
实例062遍历多选择下拉列表105
实例063在下拉列表中进行多选移除106
实例064将数组中的数据添加到下拉菜单中107
实例065应用下拉菜单选择所要联机的网站108
实例066多级级联菜单110
实例067可以输入文字的下拉菜单111
实例068根据下拉菜单的值显示不同控件112
实例069分级下拉列表113
2.3单选按钮组114
实例070不提交表单获取单选按钮的值114
实例071选中单选按钮后显示其他表单元素116
实例072通过单选按钮控制其他表单元素是否可用117
2.4复选框117
实例073不提交表单获取复选框的值118
实例074控制复选框的全选或反选118
实例075只有一个复选框时控制复选框的全选或反选119
2.5密码域120
实例076让您的密码域更安全120
实例077不提交表单自动检测密码域是否相同121
2.6表单应用122
实例078通过JavaScript控制表单的提交与重置122
实例079带记忆功能的表单123
实例080防止表单重复提交124
实例081自动提交表单125
实例082通过for循环获取表单元素的中文名称126
实例083可以提交到不同处理页的表单127
第3章实用JavaScript函数129
3.1数据验证130
实例084通过正则表达式验证日期130
实例085验证输入的日期格式是否正确132
实例086检查表单元素是否为空134
实例087验证E-mail是否正确135
实例088通过正则表达式验证电话号码137
实例089验证输入的字符串是否为汉字139
实例090验证身份证号码140
实例091验证用户名和密码142
实例092验证车牌号码144
实例093验证网站地址145
实例094验证数量和金额147
实例095验证字符串是否以指定字符开头149
实例096限制输入字符串的长度150
3.2字符串处理152
实例097小写金额转换为大写金额152
实例098去除字符串中的空格155
实例099转换输入文本中的回车和空格156
实例100将数字字符串格式化为指定长度158
实例101把一个长数字分位显示159
实例102将RGB格式的颜色值转换为十六进制格式161
实例103将IP地址转换为对应的数值163
实例104从指定URL中提取文件名164
3.3随机函数166
实例105随机产生指定位数的验证码166
实例106生成随机字符串167
3.4日期与时间169
实例107显示长日期格式的系统日期169
实例108实时显示系统时间171
第4章日期和时间173
4.1日期时间显示174
实例109在标题栏中显示日期时间174
实例110使用toLocaleString()方法获取本地时间176
实例111全中文显示日期176
实例112在状态栏中显示日期时间178
实例113使用数组显示星期179
实例114在表格中显示时间180
实例115退出页面时显示停留时间181
实例116显示用户在页面的停留时间182
实例117显示最后修改时间183
4.2日期时间算法184
实例118计算某一天是星期几184
实例119判断指定年份是否为闰年186
实例120计算从出生到现在度过的时间187
实例121返回两个日期之间的间隔小时188
实例122倒计时190
实例123访问时间限制191
实例124计步器192
4.3日期时间特效194
实例125分时问候194
实例126节日提示195
实例127倒影时钟196
实例128带阴影的时钟199
实例129动态石英钟200
实例130生日提醒器203
实例131数字时钟205
实例132各地时间表206
实例133位于页面顶层的时钟209
第5章文字特效213
5.1文字的颜色变换214
实例134简单文字变色214
实例135文字变色215
实例136变换的文字216
实例137描边文字217
实例138霓虹灯文字218
实例139追逐点亮的文字219
实例140萤光文字220
实例141发光文字的闪烁效果221
实例142文字的舞台灯光效果223
实例143制作彩色渐变文字动画224
5.2改变文字大小226
实例144文字伸缩226
实例145动荡的文字227
实例146文字伸展228
实例147文字逐个放大230
实例148自动改变大小231
实例149选择字体的大小232
5.3文字显示效果234
实例150文字渐隐渐现234
实例151文字虚幻变化235
实例152文字虚幻抖动237
5.4指定文字位置238
实例153将文字置于工作区左上角238
实例154右上角文字239
实例155鼠标移动文字241
5.5文字动态移动242
实例156文字自动滚屏242
实例157文字上下滚动243
5.6文字立体效果244
实例158文字的旋转244
实例159立体旋转文字246
实例160文字3D效果248
5.7文字动画效果249
实例161反弹文字249
实例162飞舞的文字252
实例163飞翔的文字254
实例164平面旋转的文字257
实例165输出文字258
实例166文字打字效果259
实例167文字抖动261
实例168指向文字时飞出星形标记262
实例169文字的抛出效果264
5.8文字特殊效果265
实例170波浪文字265
实例171梦幻文字效果266
实例172屏风文字268
实例173文字阴影270
5.9其他270
实例174随机显示文字270
实例175文字加密及解密271
第6章超级链接特效275
6.1超级链接样式276
实例176改变超级链接字体样式276
实例177当鼠标移动到超级链接时改变超级链接颜色277
实例178改变超级链接背景色278
6.2超级链接控制279
实例179建立E-mail超级链接280
实例180获取页面中的全部超级链接281
实例181将网站设为首页282
实例182单击鼠标右键自动链接到指定网站283
实例183单击超级链接将本页加入收藏夹285
实例184访问指定的链接地址286
实例185返回默认主页287
实例186导航链接289
6.3超级链接特效291
实例187快速闪动页面中的超级链接291
实例188滚动的超级链接提示信息292
实例189公告栏中显示超级链接294
实例190显示超级链接站点相关信息295
实例191显示超级链接的提示信息296
实例192半透明背景的超级链接提示297
第7章操作表格299
7.1表格的颜色效果300
实例193闪烁的表格边框300
实例194单元格边框变色301
实例195选中的行变色302
7.2对单元格的焦点进行控制303
实例196选定表格中的单元格303
实例197左右移动单元格的信息304
实例198通过键盘使单元格焦点任意移动306
7.3对表格的行、列进行修改311
实例199动态制作表格311
实例200动态生成行或列313
实例201删除表中的行314
7.4单元格的相关操作316
实例202隐藏及显示单元格316
实例203编辑单元格中的文本信息318
实例204合并单元格320
实例205在表格中添加行及单元格322
实例206删除表中的单元格324
7.5表格的特殊效果325
实例207透明表格326
实例208限制表格的宽度327
实例209表格的标题328
实例210表格的外阴影329
实例211立体表格329
实例212虚线边框表格330
实例213表格作为分割线332
实例214表格向下展开332
第8章图形图像与多媒体335
8.1图片大小336
实例215打开自定义大小的图片336
实例216图片放大缩小337
实例217通过鼠标滚轮放大缩小图片338
8.2图片与鼠标相关操作339
实例218跟随鼠标移动的图片340
实例219可以左右拖动的图片340
实例220随意拖动图片342
实例221当鼠标经过图片时显示图片344
实例222改变图片获取焦点时的状态345
实例223抖动的图片346
实例224鼠标移动放大图片347
8.3图片与时间相关操作349
实例225定时隐藏图片349
实例226根据时间变换页面背景350
实例227使图片不停闪烁352
实例228上下跳动的图片352
实例229图片左右晃动354
实例230飘舞的变形图片356
8.4图片的动画效果358
实例231图片翻转效果359
实例232水波倒影特效360
实例233图片渐隐渐现361
实例234图片的探照灯效果362
实例235雷达扫描图片特效363
实例236在页面中旋转的图片365
实例237改变形状的图片366
实例238图片在页面浮动367
实例239随机变化的网页背景369
8.5选择头像370
实例240在列表中选择图片370
实例241在弹出的新窗口中选择图片372
8.6在页面中播放图片374
实例242幻灯片式播放图片374
实例243无间断的图片循环滚动效果376
8.7图片的其他效果377
实例244导航地图377
8.8播放音乐378
实例245为网页设置背景音乐378
实例246随机播放背景音乐380
实例247MIDI音乐选择381
8.9插入Flash动画383
实例248插入Flash动画383
实例249插入背景透明的Flash动画384
8.10播放视频文件385
实例250播放AVI文件385
实例251自制视频播放器387
第9章页面特效391
9.1页面背景效果392
实例252背景固定居中392
实例253背景图片纵向重复显示393
实例254通过按钮变换背景颜色395
实例255背景自动变色396
实例256百叶窗396
实例257渐隐渐显的背景颜色398
实例258页面缩小399
实例259页面上下打开效果400
实例260页面左右打开效果402
实例261页面溶解效果404
9.2特殊页面406
实例262页首页尾切换406
实例263调用下载页面408
实例264程序加载页面409
实例265颜色拾取器411
9.3广告页面415
实例266图片总置于顶端415
实例267随机显示广告416
实例268广告随滚动条漂移418
9.4页面动画效果419
实例269下雪419
实例270飘落的枫叶421
实例271下雨423
实例272背景的烟花效果425
实例273变色的圆圈427
实例274滚动的光环429
实例275星空极速飞入效果430
实例276闪烁的星星432
9.5其他434
实例277带密码的网页434
实例278页面左右滚动435
实例279动态移动的层437
实例280在页面中显示十字光标438
第10章状态栏特效441
10.1状态栏文字动画442
实例281使状态栏中的文字不停闪烁442
实例282文字从右向左依次弹出443
实例283文字从中间向两边展开445
实例284文字跑马灯特效447
实例285文字依次显示后快速收缩449
实例286文字的展开与收缩451
实例287状态栏中的文字依次弹出452
10.2其他453
实例288在状态栏显示固定自定义信息453
实例289在状态栏显示鼠标坐标454
实例290在状态栏显示特定的超级链接信息456
第11章报表与打印459
11.1Web打印460
实例291调用IE自身的打印功能实现打印460
实例292打印指定框架中的内容461
实例293利用WebBrowser打印462
实例294设置页眉页脚463
11.2利用Word打印报表465
实例295将页面中的表格导出到Word并打印465
实例296打开指定的Word文档并打印467
实例297在JSP中利用Word自动打印指定格式的会议记录468
实例298在ASP中利用Word自动打印指定格式的会议记录470
实例299在PHP中调用Word自动打印指定格式的会议记录472
11.3利用Excel打印报表474
实例300将Web页面中的数据导出到Excel474
实例301将Web页面中的数据导出到Excel并自动打印476
11.4利用CSS样式打印478
实例302利用CSS样式打印页面中的指定内容478
实例303利用CSS样式分页打印479
11.5套打邮寄产品单482
实例304打印汇款单482
实例305打印快递单484
实例306打印信封485
第12章网站安全489
12.1禁止用户复制网页内容490
实例307禁止用户复制网页内容(方法一)490
实例308禁止用户复制网页内容(方法二)491
实例309禁止网页另存为492
12.2禁止用户刷新屏幕493
实例310屏蔽IE主菜单493
实例311屏蔽键盘相关事件494
实例312屏蔽鼠标右键496
12.3登录页面497
实例313具有浏览器检测功能的登录页面497
实例314防止SQL注入的登录页面498
实例315带验证码的登录页面500
12.4其他501
实例316使用Script Encoder加密工具加密501
第13章HTML/CSS样式503
13.1页面效果504
实例317统一站内网页风格504
实例318设置超级链接文字的样式508
实例319网页换肤509
实例320滚动文字512
实例321制作渐变背景513
13.2表格样式514
实例322只有外边框的表格515
实例323彩色外边框的表格516
实例324控制表格指定外边框不显示518
实例325背景颜色渐变的表格520
实例326表格隔行变色521
13.3鼠标及滚动条样式522
实例327显示自定义鼠标形状522
实例328动画光标524
实例329制作彩色滚动条525
13.4文字及列表样式527
实例330应用删除线样式标记商品特价527
实例331在文字上方标注说明标记528
实例332指定图标的列表项529
13.5文字滤镜特效530
实例333文字的发光效果531
实例334文字的阴影效果532
实例335文字的渐变阴影效果533
实例336文字的图案填充效果534
实例337文字的探照灯效果535
实例338文字的闪烁效果537
实例339文字的空心效果538
实例340文字的浮雕效果539
实例341文字的阳文效果540
实例342文字的雪雕效果541
实例343火焰字542
实例344文字扭曲动画544
13.6图片滤镜特效545
实例345图片的半透明效果545
实例346图片的模糊效果546
实例347图片的水波纹特效547
实例348图片的灰度效果548
实例349图片的动态说明文字549
第14章 JavaScript与XML553
14.1读取XML文件554
实例350使用XML DOM对象读取XML文件554
实例351使用XMLHttpRequest对象读取XML文件557
14.2显示XML文档559
实例352使用CSS显示XML文档559
实例353使用XSL显示XML文档562
实例354使用IE XML数据岛输出XML文档564
14.3操作XML565
实例355用JavaScript控制XML文档的分页显示565
实例356通过操作XML数据岛实现添加、删除留言信息567
第15章JavaScript与ASP结合573
15.1弹出窗口/对话框控制574
实例357关闭弹出窗口时刷新父窗口574
实例358打开新窗口显示详细信息575
实例359弹出网页模式对话框577
实例360日期选择器580
实例361弹出提示对话框并重定向网页584
实例362打开指定大小的新窗口并居中显示586
15.2弹出确认对话框588
实例363删除数据前弹出确认对话框588
实例364安全退出前弹出确认对话框590
15.3其他591
实例365远程获取其他网页情报591
实例366树状导航菜单594
实例367使用XML实现不刷新页面查询数据596
第16章JavaScript与JSP结合601
16.1窗口与对话框602
实例368弹出提示对话框并重定向网页602
实例369打开新窗口显示详细信息604
实例370打开指定大小的新窗口并居中显示605
实例371弹出网页模式对话框607
实例372关闭弹出窗口时刷新父窗口609
16.2无刷新技术611
实例373无刷新的用户名检测611
实例374无刷新的级联下拉列表614
实例375使用XML实现不刷新页面查询数据616
16.3调用与控制619
实例376将查询结果导出到Word619
实例377调用Excel621
实例378调用PowerPoint622
16.4其他623
实例379树状导航菜单623
第17章JavaScript与ASP.NET结合627
17.1窗口与对话框628
实例380使用JavaScript脚本弹出对话框628
实例381打开新窗口显示详细信息629
实例382关闭弹出窗口刷新父窗口631
实例383弹出网页模式对话框633
实例384弹出全屏显示网页635
17.2其他637
实例385自动隐藏式菜单637
第18章JavaScript与PHP结合641
18.1窗口与对话框642
实例386弹出提示对话框并重定向网页642
实例387关闭弹出窗口时自动刷新父窗口643
实例388在弹出的网页模式对话框中选择个性头像645
实例389时间选择器647
实例390弹出提示对话框并重定向网页649
实例391删除数据前弹出确认对话框650
18.2其他651
实例392树状导航菜单651
第19章综合应用657
19.1计算器658
实例393简单计算器658
实例394复杂计算器662
19.2日历667
实例395精美日历668
实例396带农历的日历674
19.3购物车681
实例397添加至购物车682
实例398查看购物车684
实例399修改商品购买数量686
实例400从购物车中移去指定商品687
实例401清空购物车689
JavaScript程序开发范例宝典附录691