-
Notifications
You must be signed in to change notification settings - Fork 0
/
index2.html
668 lines (667 loc) · 35 KB
/
index2.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
p {
white-space: pre-line;
text-align: center;
display: block;
}
.div2 {
width: 33%;
float: left;
text-align: center;
}
b {
color: blue;
}
.topic {
font-size: 28px;
font-weight: bold;
}
</style>
</head>
<body>
<div>
<p>
《JavaScript网页特效经典300例》
<div class="div2">
<br><br><div class="topic">第1章</div> 网页特效 2
<br>实例<b>001 自动刷新页面</b> 2
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>002 让页面后退和前进</b> 3
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>003 动态关闭页面</b> 4
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>004 页面载入等待界面</b> 5
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>005 若干秒后不操作自动关闭窗口</b> 6
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>006 修改网页标题</b> 7
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>007 禁止网页放入框架</b> 8
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>008 跳转到其他页面</b> 9
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>009 进入页面时的问候</b> 10
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>010 在网页里动态加载JavaScript</b> 11
<br>难度指数 ★★★☆☆ 占用时间 ○
<br>实例<b>011 设为首页</b> 12
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>012 收藏本页</b> 13
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>013 判断页面是否加载完毕</b> 14
<br>难度指数 ★★☆☆☆ 占用时间 ○
<br>实例<b>014 避免浏览器使用缓存加载页面</b> 16
<br>难度指数 ★☆☆☆☆ 占用时间 ○
<br>实例<b>015 窗口打开时显示大广告图片及其自动关闭</b> 17
<br>难度指数 ★☆☆☆☆ 占用时间 ○
<br>实例<b>016 带关闭按钮的右下角图片广告</b> 19
<br>难度指数 ★★★☆☆ 占用时间 ○○
<br><br><div class="topic">第2章</div> DOM操作 21
<br>实例<b>017 通过id获取网页中的某一部分</b> 21
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>018 根据name获取网页中的全部复选框</b> 22
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>019 根据标签名获取网页中的多个元素</b> 23
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>020 遍历打印一个元素的所有属性</b> 24
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>021 遍历HTML文档内容</b> 26
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>022 动态创建网页新元素</b> 27
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>023 删除元素</b> 28
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>024 主动触发按钮的单击事件</b> 29
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>025 替换元素内容</b> 31
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>026 修改元素的属性值</b> 32
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>027 引用同级的元素</b> 33
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>028 克隆元素</b> 34
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>029 隐藏或显示元素</b> 35
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>030 倒排序子元素</b> 36
<br>难度指数 ★★★☆☆ 占用时间 ○○
<br>实例<b>031 删除所有的子元素</b> 38
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br><br><div class="topic">第3章</div> 控制表单控件 40
<br>实例<b>032 遍历表单的所有控件</b> 40
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>033 通过控件名访问特定的控件</b> 41
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>034 修改控件的值</b> 42
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>035 获取表单内文本框的个数</b> 44
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>036 修改表单的提交方法</b> 45
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>037 动态指定表单的动作属性</b> 46
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>038 动态选择聚焦的控件</b> 47
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>039 初始化表单里的所有控件的值到最初状态</b> 48
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>040 为表单加上一个框</b> 50
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>041 批量为所有的表单控件加一个说明</b> 51
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>042 设置下拉菜单的值</b> 53
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>043 使用隐藏控件为表单添加参数</b> 54
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>044 勾选全部复选框</b> 55
<br>难度指数 ★★☆☆☆ 占用时间 ○
<br>实例<b>045 为表单的聚焦控件设置醒目的样式</b> 57
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br><br><div class="topic">第4章</div> 窗口的控制和框架的互操作 59
<br>实例<b>046 计算窗口内的框架数量</b> 59
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>047 父框架对子框架的引用</b> 60
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>048 子框架的互相引用</b> 61
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>049 用top操作顶部框架</b> 63
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>050 确保网页只能被框架载入</b> 64
<br>难度指数 ★★★☆☆ 占用时间 ○○
<br>实例<b>051 动态创建框架</b> 65
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>052 打开一个新窗口</b> 66
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>053 得到是谁打开了子窗口</b> 67
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>054 通过子窗口获取数据输入</b> 69
<br>难度指数 ★☆☆☆☆ 占用时间 ○
<br>实例<b>055 随意改变框架的大小组合</b> 70
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>056 巧用self操作当前文档所在的框架或窗口</b> 72
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>057 iframe自适应高度</b> 73
<br>难度指数 ★★★★☆ 占用时间 ○
<br>实例<b>058 网页打开5秒后弹出广告窗口</b> 75
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br><br><div class="topic">第5章</div> 鼠标特效 76
<br>实例<b>059 禁用鼠标右键</b> 76
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>060 动态定义鼠标指针形状</b> 77
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>061 鼠标进出时字体大小变化</b> 79
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>062 双击鼠标滚动到网页底部</b> 80
<br>难度指数 ★☆☆☆☆ 占用时间 ○
<br>实例<b>063 当按下鼠标左键时弹出广告窗口</b> 81
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>064 鼠标放上链接出现不同的颜色</b> 82
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>065 用鼠标拖动图片</b> 83
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>066 让鼠标滑轮失效</b> 85
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br><br><div class="topic">第6章</div> 按钮特效 87
<br>实例<b>067 为按钮加上背景颜色</b> 87
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>068 自定义按钮的click事件</b> 88
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>069 不同的按钮提交不同的表单地址</b> 89
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>070 在网页上为用户定义一个打印按钮</b> 90
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>071 Enter键自动提交表单</b> 91
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>072 按钮在单击以后就失效</b> 92
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>073 删除按钮必需的提醒功能</b> 93
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>074 图片式的按钮</b> 94
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>075 通过单击按钮改变状态栏信息</b> 95
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>076 不同的状态展示不同样式的按钮</b> 96
<br>难度指数 ★★☆☆☆ 占用时间 ○
<br>实例<b>077 注册按钮倒计时效果</b> 98
<br>难度指数 ★★★☆☆ 占用时间 ○
<br>实例<b>078 阅读完协议以后才可以单击的注册按钮</b> 99
<br>难度指数 ★★★★☆ 占用时间 ○
<br>实例<b>079 会变色的按钮</b> 100
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br><br><div class="topic">第7章</div> 链接特效 102
<br>实例<b>080 带下画线的链接</b> 102
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>081 改变链接的单击事件</b> 103
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>082 关闭窗口的那个“X”链接</b> 104
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>083 用链接模拟一个按钮</b> 105
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>084 用链接替代表单提交按钮</b> 106
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>085 动态修改一个链接的地址</b> 107
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>086 让所有链接都在新窗口中打开</b> 108
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>087 让页面所有的超级链接都失效</b> 109
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>088 为链接地址多加一个参数</b> 110
<br>难度指数 ★★★☆☆ 占用时间 ○○
<br>实例<b>089 回到顶部的链接</b> 112
<br>难度指数 ★☆☆☆☆ 占用时间 ○
<br>实例<b>090 需要确认的链接</b> 113
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>091 几条链接交替显示</b> 114
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br><br><div class="topic">第8章</div> 文本输入框和下拉菜单特效 116
<br>实例<b>092 让文本框只带有下画线</b> 116
<br>难度指数 ★☆☆☆☆ 占用时间 ○
<br>实例<b>093 用正则表达式验证E</b>-mail格式 117
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>094 首字母或全部字母大写</b> 118
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>095 只能输入数字的文本框</b> 120
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>096 判断汉字的个数</b> 121
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>097 成为焦点时清除文本框内容</b> 122
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>098 动态为下拉菜单设置项目</b> 123
<br>难度指数 ★★★☆☆ 占用时间 ○○
<br>实例<b>099 联动的省市下拉菜单</b> 124
<br>难度指数 ★★★★☆ 占用时间 ○
<br>实例<b>100 三级联动的省市县下拉菜单</b> 126
</div>
<div class="div2">
<br>难度指数 ★★★★☆ 占用时间 ○
<br>实例<b>101 用户输入完以后立刻进行格式校验</b> 128
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>102 鼠标划过文本框改变其背景色</b> 130
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>103 输入文字时文本框边框闪烁</b> 131
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br><br><div class="topic">第9章</div> 层的应用 133
<br>实例<b>104 从下往上的信息滚动特效</b> 133
<br>难度指数 ★★☆☆☆ 占用时间 ○
<br>实例<b>105 灯箱效果</b> 134
<br>难度指数 ★★★★☆ 占用时间
<br>实例<b>106 可以拖动的层</b> 136
<br>难度指数 ★★☆☆☆ 占用时间 ○
<br>实例<b>107 让层的叠放层次分明</b> 138
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>108 随意改变层的尺寸</b> 139
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>109 新闻切换特效</b> 140
<br>难度指数 ★★★★☆ 占用时间
<br>实例<b>110 悬浮的广告层</b> 144
<br>难度指数 ★★☆☆☆ 占用时间
<br>实例<b>111 由左向右地滚动广告</b> 145
<br>难度指数 ★★★★☆ 占用时间 ○
<br>实例<b>112 右下角的提示层</b> 147
<br>难度指数 ★☆☆☆☆ 占用时间 ○
<br>实例<b>113 带关闭按钮的右下角提示层</b> 148
<br>难度指数 ★☆☆☆☆ 占用时间 ○
<br>实例<b>114 底部工具栏</b> 150
<br>难度指数 ★★★★☆ 占用时间
<b<br><br><div class="topic">10章</div> 表格的控制 152
<br>实例<b>115 动态地为表格中的单元格文字添加样式</b> 152
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>116 动态加入一个新的表格行</b> 153
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>117 可变样式的表格边框</b> 154
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>118 克隆表格</b> 156
<br>难度指数 ★★☆☆☆ 占用时间 ○
<br>实例<b>119 将表格的数据根据某一列排序</b> 157
<br>难度指数 ★★★☆☆ 占用时间 ○
<br>实例<b>120 让表格行的背景颜色间隔开</b> 159
<br>难度指数 ★☆☆☆☆ 占用时间 ○
<br>实例<b>121 删除表格中的任意一行</b> 161
<br>难度指数 ★★☆☆☆ 占用时间 ○
<br>实例<b>122 隐藏表格数据</b> 162
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>123 用背景色重点突出表格行</b> 163
<br>难度指数 ★☆☆☆☆ 占用时间 ○
<br>第2篇 JavaScript进阶篇
<b<br><br><div class="topic">11章</div> 导航菜单特效 168
<br>实例<b>124 简单的导航菜单</b> 168
<br>难度指数 ★☆☆☆☆ 占用时间 ○
<br>实例<b>125 凸显正在浏览的菜单项的导航菜单</b> 169
<br>难度指数 ★★☆☆☆ 占用时间 ○
<br>实例<b>126 二级导航菜单</b> 170
<br>难度指数 ★★★☆☆ 占用时间
<br>实例<b>127 三级导航菜单</b> 173
<br>难度指数 ★★★☆☆ 占用时间
<br>实例<b>128 动态加载导航菜单</b> 175
<br>难度指数 ★★★★☆ 占用时间 ○
<br>实例<b>129 三级联动导航菜单</b> 177
<br>难度指数 ★★★★☆ 占用时间
<br>实例<b>130 树形导航菜单</b> 180
<br>难度指数 ★★★☆☆ 占用时间 ○
<br>实例<b>131 当网页超过一屏时导航菜单始终置顶</b> 182
<br>难度指数 ★★★☆☆ 占用时间 ○
<b<br><br><div class="topic">12章</div> 日期和时间特效 184
<br>实例<b>132 标题栏显示当前的日期</b> 184
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>133 不同时段显示不同的标题欢迎词</b> 185
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>134 不同月份显示不同的背景效果</b> 186
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>135 倒计时效果</b> 187
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>136 查看“今天是否为节假日”</b> 188
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>137 每秒刷新的时间展示效果</b> 190
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>138 日期输入框</b> 191
<br>难度指数 ★★★☆☆ 占用时间 ○
<br>实例<b>139 使用定时器</b> 194
<br>难度指数 ★★★☆☆ 占用时间 ○○
<br>实例<b>140 算出两个时间之间的时间差</b> 195
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>141 用表格来完成一个日历特效</b> 196
<br>难度指数 ★★★★☆ 占用时间
<br>实例<b>142 月底和月初的网页标题各不相同</b> 198
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>143 显示登录的时间</b> 199
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<b<br><br><div class="topic">13章</div> 样式的操作 201
<br>实例<b>144 不同浏览器加载不同的CSS文件</b> 201
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>145 动态滤镜效果</b> 202
<br>难度指数 ★★★☆☆ 占用时间 ○○
<br>实例<b>146 访问外部定义的CSS样式</b> 203
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>147 访问元素中style属性的CSS样式</b> 204
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>148 切换样式表</b> 206
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>149 让样式动起来</b> 207
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>150 同时改变多个DOM的样式</b> 208
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>151 隐藏和显示的切换效果</b> 209
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>152 用JavaScript代码替代CSS实现链接样式</b> 210
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>153 自定义错误样式</b> 212
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<b<br><br><div class="topic">14章</div> 网页中变量和函数的应用 214
<br>实例<b>154 无处不在的变量</b> 214
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>155 应用不同场景的变量类型</b> 215
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>156 无所不能的变量载体</b> 216
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>157 巧妙地使用内部变量</b> 217
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>158 闭包的概念和使用</b> 218
<br>难度指数 ★★★☆☆ 占用时间 ○
<br>实例<b>159 使用动态的函数参数</b> 219
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>160 调用动态函数</b> 220
<br>难度指数 ★★★☆☆ 占用时间 ○○
<b<br><br><div class="topic">15章</div> 图片特效 222
<br>实例<b>161 仿iPhone图片查看器效果</b> 222
<br>难度指数 ★★★☆☆ 占用时间 ○
<br>实例<b>162 仿QQ空间相册效果</b> 223
<br>难度指数 ★★☆☆☆ 占用时间
<br>实例<b>163 放大镜特效</b> 224
<br>难度指数 ★★★★☆ 占用时间
<br>实例<b>164 让图片保持在层里的上下左右都居中</b> 226
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>165 让图片自适应框的大小</b> 228
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>166 图片新闻效果</b> 229
<br>难度指数 ★★★☆☆ 占用时间
<br>实例<b>167 为图片加上边框</b> 231
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>168 显示图片的局部</b> 232
<br>难度指数 ★★★☆☆ 占用时间 ○
<br>实例<b>169 动态加载图片</b> 233
<br>难度指数 ★★★☆☆ 占用时间 ○
<br>实例<b>170 重新加载验证码图片</b> 234
<br>难度指数 ★★☆☆☆ 占用时间 ○
<br>实例<b>171 延迟加载图片</b> 235
<br>难度指数 ★★★★☆ 占用时间
<b<br><br><div class="topic">16章</div> 文件和打印的技巧 238
<br>实例<b>172 判断文件上传的类型</b> 238
<br>难度指数 ★★☆☆☆ 占用时间 ○
<br>实例<b>173 单独打开一个页面来完成打印功能</b> 239
<br>难度指数 ★★☆☆☆ 占用时间
<br>实例<b>174 限制多文件上传的文件类型</b> 241
<br>难度指数 ★★☆☆☆ 占用时间 ○
<br>实例<b>175 上传图片以后显示缩略图</b> 242
<br>难度指数 ★★★☆☆ 占用时间 ○
<br>实例<b>176 在打印内容里隐藏打印按钮</b> 243
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<b<br><br><div class="topic">17章</div> 对象和数组 246
<br>实例<b>177 创建自定义对象</b> 246
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>178 创建数组的多种方法</b> 247
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>179 扩展数组的元素数目</b> 248
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>180 在数组的末尾处加入和移除元素</b> 249
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>181 在数组的任意位置加入和移除元素</b> 251
<br>难度指数 ★★☆☆☆ 占用时间 ○
<br>实例<b>182 把数据转换成对象</b> 252
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>183 把数组里的元素按照自然排序</b> 254
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>184 数组的本质就是对象</b> 255
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>第3篇 JavaScript高级篇
<b<br><br><div class="topic">18章</div> Ajax应用 258
<br>实例<b>185 创建动态的XMLHttpRequest对象</b> 258
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>186 自定义Ajax回调函数</b> 259
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>187 自定义Ajax请求方法</b> 261
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>188 为Ajax请求添加参数</b> 262
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>189 Ajax请求中的友好等待界面</b> 264
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>190 根据不同的HTTP返回代码进行不同的响应</b> 266
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>191 Ajax传输JSON数据实例</b><b></b> 268
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>192 定义一套自己的Ajax框架</b> 271
<br>难度指数 ★★☆☆☆ 占用时间 ○
<b<br><br><div class="topic">19章</div> 面向对象的特性 273
<br>实例<b>193 定义一个类</b> 273
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>194 利用prototype为类创建静态成员</b> 274
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>195 模拟继承机制</b> 275
<br>难度指数 ★★★☆☆ 占用时间 ○○
<br>实例<b>196 为string类型的变量扩展一个replaceAll</b>()函数 276
<br>难度指数 ★★★☆☆ 占用时间 ○
<br>实例<b>197 为对象扩展一个动态属性</b> 277
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>198 为对象扩展一个方法</b> 279
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<b<br><br><div class="topic">20章</div> 经典JavaScript框架应用 281
<br>实例<b>199 框架对JavaScript编码的意义</b> 281
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>200 Prototype让JavaScript面向对象</b> 282
</div>
<div class="div2">
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>201 利用Prototype实现继承机制</b> 283
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>202 用Prototype来包装JavaScript事件</b> 284
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>203 用Prototype轻松获取DOM的实际尺寸</b> 285
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>204 用Dojo动态创建层的DOM</b> 287
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>205 用Dojo动态指定按钮的click事件</b> 288
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>206 用Dojo隐退图片</b> 289
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>207 用Dojo轻松实现元素的拖曳</b> 290
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>208 利用YUI来动态监听单击事件</b> 291
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>209 利用YUI模拟向左滑动以删除菜单项</b> 292
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>210 利用YUI实现被单击按钮样式突出的效果</b> 294
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>211 利用YUI实现网页元素隐藏和显示的切换</b> 295
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>212 利用YUI实现层的收缩隐藏特效</b> 297
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>213 利用YUI实现层的随意拖动效果</b> 298
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>214 利用YUI实现图片的滚动延迟加载</b> 299
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>215 利用YUI随意改变层的尺寸</b> 300
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<b<br><br><div class="topic">21章</div> jQuery的妙用 302
<br>实例<b>216 选择所有的元素</b> 302
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>217 选择相同标签的元素</b> 303
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>218 选择相同class的元素</b> 304
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>219 快速选择表单元素</b> 305
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>220 选择所有已勾选的复选框</b> 306
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>221 指定下拉菜单的已选项</b> 307
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>222 选择包含特定内容的层</b> 308
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>223 修改元素属性的值</b> 309
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>224 获取和指定元素的内容</b> 310
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>225 一次选择多个不同类的元素</b> 311
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>226 删除部分文档内容</b> 313
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>227 一次选择多个不同类的元素</b> 314
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>228 快速修改样式规则</b> 315
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>229 获取实际元素的高度和宽度</b> 316
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>230 指定页面加载完成的回调</b> 317
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>231 为元素动态添加某种事件</b> 318
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>232 隐藏或显示元素</b> 319
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>233 滑动效果</b> 320
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>234 淡入效果</b> 321
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>235 让Ajax如此简单</b> 322
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>236 使用Ajax获取JSON数据</b> 323
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<b<br><br><div class="topic">22章</div> 丰富的jQuery插件应用 324
<br>实例<b>237 带伸缩功能的内容分段</b> 324
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>238 带自动提示功能的文本输入框</b> 325
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>239 多功能按钮</b> 326
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>240 自定义格式的日期输入框</b> 328
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>241 选择日期段</b> 329
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>242 自定义提示框</b> 331
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>243 轻松实现层的拖动功能</b> 332
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>244 多级菜单</b> 333
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>245 用幻灯片方式浏览图片</b> 335
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>246 进度条</b> 337
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>247 可改变大小的层</b> 338
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>248 可被选择的菜单项</b> 339
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>249 滑块效果</b> 341
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>250 选择范围的滑块效果</b> 342
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>251 可排序的列表</b> 343
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>252 可拖动的选择项</b> 344
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>253 数字输入框</b> 346
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>254 时间输入框</b> 347
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>255 多页切换效果</b> 348
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>256 带提示信息的输入框</b> 350
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<b<br><br><div class="topic">23章</div> HTML 5的新应用 351
<br>实例<b>257 视频尺寸动态修改示例</b> 351
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>258 动态播放或暂停视频</b> 352
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>259 指定视频的播放进度</b> 354
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>260 隐藏音频播放器的控制按钮</b> 355
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>261 拖动页面上的元素</b> 356
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>262 让图片不可以拖动</b> 358
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>263 使用canvas画一个矩形图案</b> 359
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>264 使用canvas画一个圆形图案</b> 360
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>265 用HTML</b> 5绘制一个SVG标量圆形 362
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>266 获取用户当前的地理坐标</b> 363
<br>难度指数 ★★☆☆☆ 占用时间 ○
<br>实例<b>267 根据地理信息定位城市</b> 364
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>268 在地图上标识附近加油站的地址</b> 365
<br>难度指数 ★★★☆☆ 占用时间 ○○
<br>实例<b>269 使用localStorage实现计数器</b> 366
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>270 使用sessionStorage实现计数器</b> 367
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>271 使用Web</b> Worker为学生考试计时 368
<br>难度指数 ★★☆☆☆ 占用时间 ○
<b<br><br><div class="topic">24章</div> CSS 3带给我们的新体验 371
<br>实例<b>272 圆角边框</b> 371
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>273 图形边框</b> 372
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>274 图片阴影效果</b> 373
<br>难度指数 ★★★☆☆ 占用时间 ○○
<br>实例<b>275 文字阴影效果</b> 374
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>276 带有可见度的背景颜色</b> 375
<br>难度指数 ★★☆☆☆ 占用时间 ○
<br>实例<b>277 多列显示文字</b> 377
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>278 使用CSS</b> 3实现过渡效果 378
<br>难度指数 ★★☆☆☆ 占用时间 ○
<br>实例<b>279 使用CSS</b> 3实现动画效果 379
<br>难度指数 ★★★☆☆ 占用时间 ○
<br>实例<b>280 使用CSS</b> 3实现图片旋转效果 380
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>281 可移动的图片</b> 382
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>282 放大和缩小图片</b> 383
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>283 扭曲的图片</b> 384
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>284 让图片立体旋转</b> 385
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<b<br><br><div class="topic">25章</div> JavaScript在智能手机上的应用 387
<br>实例<b>285 判断是否为移动浏览器</b> 387
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>286 测试是否支持滑动事件</b> 388
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>287 通过滑动修改网页字体大小</b> 390
<br>难度指数 ★★★☆☆ 占用时间 ○
<br>实例<b>288 用手势来改变图片大小</b> 392
<br>难度指数 ★★★☆☆ 占用时间 ○
<br>实例<b>289 用手势改变图片的显示方向</b> 393
<br>难度指数 ★★☆☆☆ 占用时间 ○
<br>实例<b>290 使用手机GPS定位用户所在城市</b> 395
<br>难度指数 ★★★☆☆ 占用时间 ○
<b<br><br><div class="topic">26章</div> 其他应用和技巧 397
<br>实例<b>291 利用浏览器的cookie保存用户名</b> 397
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>292 eval</b>()函数大行其道 399
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>293 妙用正则表达式来减少JS代码</b> 400
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>294 按拼音首字母排序</b> 402
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>295 用try和catch来让程序更友好</b> 403
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>296 不用Ajax也可以达到不刷新页面的效果</b> 405
<br>难度指数 ★★★☆☆ 占用时间 ○
<br>实例<b>297 让输入的英文字母自动变成大写</b> 406
<br>难度指数 ★★☆☆☆ 占用时间 ○○
<br>实例<b>298 用JSON格式来保存数据</b> 407
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>299 得到用户显示器的最大分辨率</b> 409
<br>难度指数 ★☆☆☆☆ 占用时间 ○○
<br>实例<b>300 用JavaScript实现的抽奖程序</b> 410
难度指数 ★★☆☆☆ 占用时间 ○
</div>
</p>
</div>
</body>
</html>