JavaScript網(wǎng)頁(yè)特效實(shí)例大全

第1章  JavaScript概述    1
1.1  什么是腳本語(yǔ)言    2
1.2  JavaScript簡(jiǎn)介    2
1.3  JavaScript與Java的關(guān)系    3
1.4  JavaScript的基本構(gòu)成    4
1.4.1  基本數(shù)據(jù)類型    4
1.4.2  變量    4
1.4.3  常量    5
1.4.4  表達(dá)式    6
1.4.5  運(yùn)算符    6
1.5  JavaScript的基本語(yǔ)法    10
1.5.1  if條件選擇語(yǔ)句    10
1.5.2  switch選擇語(yǔ)句    11
1.5.3  do…while語(yǔ)句    12
1.5.4  while循環(huán)語(yǔ)句    13
1.5.5  for循環(huán)語(yǔ)句    14
1.5.6  break語(yǔ)句與continue語(yǔ)句    15
1.6  JavaScript的函數(shù)調(diào)用    16
1.6.1  函數(shù)的定義與調(diào)用    17
1.6.2  全局變量與局部變量    17
1.6.3  可變參數(shù)的函數(shù)    17
1.6.4  預(yù)定義函數(shù)    17
1.7  JavaScript的對(duì)象    19
1.7.1  對(duì)象的基本概述    19
1.7.2  對(duì)象屬性    19
1.7.3  創(chuàng)建對(duì)象    20
1.7.4  使用對(duì)象    22
1.7.5  其他內(nèi)部對(duì)象    24
1.8  小結(jié)    26
第2章  JavaScript中事件、窗口和框架的處理    27
2.1  事件處理的基本概念    28
2.2  常用事件及處理    28
2.2.1  瀏覽器事件    29
2.2.2  鼠標(biāo)事件    29
2.2.3  文本框事件    30
2.2.4  其他事件    31
2.3  什么是框架    31
2.4  使用框架    32
2.5  小結(jié)    32
第3章  鏈接類特效    33
3.1  按時(shí)消失的鏈接    34
3.2  帶滾動(dòng)提示的鏈接    36
3.3  動(dòng)態(tài)變換的鏈接    37
3.4  滾動(dòng)鏈接    38
3.5  不斷閃動(dòng)的鏈接    39
3.6  在按鈕上定時(shí)顯示不同的鏈接    40
3.7  帶鏈接的滾動(dòng)字幕    42
3.8  單擊鏈接顯示菜單    43
3.9  鼠標(biāo)右鍵鏈接    44
3.10  顯示當(dāng)前頁(yè)的所有鏈接    45
3.11  查看網(wǎng)址源代碼    46
3.12  將站點(diǎn)加入收藏夾    47
3.13  單擊按鈕返回默認(rèn)主頁(yè)    47
3.14  給指定的人員發(fā)信    48
3.15  彈出菜單式鏈接    49
3.16  圖片選擇器    50
3.17  鏈接導(dǎo)航框    51
3.18  小球跟蹤鏈接    52
3.19  單擊按鈕打開(kāi)全屏窗口    56
3.20  單選按鈕選擇鏈接    56
3.21  隱藏的鏈接    57
3.22  變換鏈接顏色    58
3.23  固定鏈接的位置    59
第4章  時(shí)間類特效    61
4.1  時(shí)間的水中倒影    62
4.2  簡(jiǎn)單的日歷    63
4.3  帶有農(nóng)歷的日歷    65
4.4  標(biāo)題欄顯示日期    68
4.5  標(biāo)題欄顯示時(shí)間    69
4.6  不同時(shí)間的不同問(wèn)候    69
4.7  記錄進(jìn)入網(wǎng)站的時(shí)間    70
4.8  頁(yè)面的最后更新日期    71
4.9  節(jié)日倒計(jì)時(shí)    72
4.10  定時(shí)打開(kāi)指定頁(yè)面    72
4.11  顯示在背景上的時(shí)鐘    73
4.12  動(dòng)態(tài)顯示訪問(wèn)時(shí)間    75
4.13  在指定時(shí)間內(nèi)保存頁(yè)面    76
4.14  離今天最近的兩個(gè)星期天    78
4.15  記錄在網(wǎng)站停留的時(shí)間    79
4.16  帶開(kāi)關(guān)的時(shí)鐘    80
4.17  每天顯示一條不同的信息    81
4.18  模擬時(shí)鐘    82
4.19  英文式的文本時(shí)鐘    84
4.20  關(guān)閉頁(yè)面時(shí)彈出時(shí)間警告框    85
4.21  顯示在按鈕上的時(shí)間    86
4.22  計(jì)算出生時(shí)間    88
4.23  計(jì)算幾天后將是什么日期    92
第5章  鼠標(biāo)類特效    95
5.1  讓鼠標(biāo)懸停來(lái)開(kāi)關(guān)窗口    96
5.2  鼠標(biāo)的十字星準(zhǔn)星    96
5.3  鼠標(biāo)的文字跟蹤    97
5.4  鼠標(biāo)經(jīng)過(guò)時(shí)改變文本顏色    99
5.5  鼠標(biāo)驅(qū)動(dòng)圖片變化    100
5.6  鼠標(biāo)懸停時(shí)背景色改變    101
5.7  鼠標(biāo)右鍵彈出對(duì)話框    102
5.8  鼠標(biāo)的圖片旋轉(zhuǎn)跟蹤    103
5.9  旋轉(zhuǎn)的鼠標(biāo)光環(huán)    105
5.10  跟隨鼠標(biāo)旋轉(zhuǎn)的文字    107
5.11  單擊鼠標(biāo)右鍵打開(kāi)網(wǎng)站    109
5.12  跟著鼠標(biāo)的煙花    109
5.13  跟隨鼠標(biāo)的時(shí)鐘    111
5.14  屏蔽鼠標(biāo)右鍵    115
5.15  跟隨鼠標(biāo)的滾動(dòng)字幕    116
5.16  鼠標(biāo)懸停打開(kāi)新的頁(yè)面    117
5.17  鼠標(biāo)的指針蹤跡效果    118
5.18  跟隨鼠標(biāo)跳動(dòng)的星星    119
5.19  冒水泡的鼠標(biāo)    121
5.20  跟隨鼠標(biāo)的幻影文字    123
5.21  非圖片鼠標(biāo)跟蹤    124
5.22  自動(dòng)變化的鼠標(biāo)指針    127
5.23  跟隨鼠標(biāo)的流星    128
第6章  圖片類特效    133
6.1  鼠標(biāo)控制圖片的明暗效果    134
6.2  來(lái)回?cái)[動(dòng)的圖片    134
6.3  隨意飄動(dòng)的圖像    136
6.4  隨意走動(dòng)的圖片    137
6.5  圖片的水中倒影效果    140
6.6  可以隨意拖動(dòng)的圖片    140
6.7  “雷達(dá)”掃描圖片效果    142
6.8  圖片的變形效果    143
6.9  會(huì)抖動(dòng)的圖片    144
6.10  不停閃爍的圖片    146
6.11  圖片分割顯示    146
6.12  圖片穿行頁(yè)面效果    148
6.13  自由移動(dòng)的圖片    149
6.14  圖片代替按鈕效果    150
6.15  圖片的翻轉(zhuǎn)效果    151
6.16  向外擴(kuò)展的圖片    152
6.17  鼠標(biāo)懸停改變圖片    153
6.18  圖片模糊效果    155
6.19  圖片的探照燈效果    156
6.20  跟隨屏幕移動(dòng)的圖片    157
6.21  圖片的模糊顯示    158
6.22  圖片的漸隱漸現(xiàn)    159
6.23  一堆開(kāi)放的花朵    160
第7章  文字類特效    165
7.1  閃爍的按鈕文字    166
7.2  逐個(gè)顯示的變色文字    167
7.3  垂直滾動(dòng)的文字    168
7.4  文字的漸隱漸顯的效果    169
7.5  文字跳動(dòng)的效果    170
7.6  狀態(tài)欄的打字效果    172
7.7  文字的逐條顯示    172
7.8  文字的旋轉(zhuǎn)效果    174
7.9  文字的心跳效果    175
7.10  文字在文本框中墜落    176
7.11  文字飛舞的效果    178
7.12  橫向移動(dòng)的跑馬燈    181
7.13  可隨便移動(dòng)的文字    182
7.14  水波形的文字    183
7.15  首字母大小寫(xiě)的變化    184
7.16  狀態(tài)欄文字飛出效果    186
7.17  鏈接文字的滾動(dòng)效果    188
7.18  不停變色的文字    189
7.19  文字顏色變化的顯示效果    190
7.20  選中文本框中的全部文字    192
7.21  按鈕上的滾動(dòng)文字    193
7.22  從天而降的文字    194
7.23  鼠標(biāo)懸停顯示提示文字    200
第8章  頁(yè)面類特效    203
8.1  下雨的頁(yè)面效果    204
8.2  網(wǎng)頁(yè)中的loading條    206
8.3  頁(yè)面的制作完成時(shí)間    207
8.4  在狀態(tài)欄顯示輸入字符的頁(yè)面    208
8.5  頁(yè)面的加密功能    209
8.6  調(diào)色板更換頁(yè)面背景    211
8.7  滾動(dòng)信息公告頁(yè)面    213
8.8  頁(yè)面背景的顏色變化    215
8.9  頁(yè)面背景的隨機(jī)顯示    216
8.10  單擊按鈕打印當(dāng)前頁(yè)面    217
8.11  記錄用戶的來(lái)訪次數(shù)    218
8.12  可選擇的頁(yè)面信息    219
8.13  文本框消失的頁(yè)面    220
8.14  隨機(jī)播放背景音樂(lè)的頁(yè)面    221
8.15  能自動(dòng)滾屏的頁(yè)面    222
8.16  密碼保護(hù)頁(yè)面    223
8.17  檢測(cè)IE所裝插件的頁(yè)面    224
8.18  頁(yè)面向右滾屏    225
8.19  漸漸消失的頁(yè)面    226
8.20  按鈕鎖定頁(yè)面    226
8.21  在線改變背景顏色    227
8.22  雪花紛飛的頁(yè)面    228
8.23  頁(yè)面直接顯示    230
第9章  窗口類特效    233
9.1  按指定要求打開(kāi)的窗口    234
9.2  控制窗口的打開(kāi)和關(guān)閉    235
9.3  從天而降的窗口    235
9.4  打開(kāi)慢慢變大的窗口    236
9.5  打開(kāi)一個(gè)四面變大的窗口    237
9.6  定時(shí)打開(kāi)新的窗口    238
9.7  轉(zhuǎn)動(dòng)出現(xiàn)的窗口    239
9.8  自動(dòng)彈出的窗口    241
9.9  自動(dòng)消失的廣告窗口    242
9.10  窗口的震動(dòng)效果    243
9.11  同時(shí)打開(kāi)10個(gè)窗口    244
9.12  檢測(cè)系統(tǒng)信息窗口    245
9.13  測(cè)試鏈接速度的窗口    248
9.14  關(guān)閉窗口打開(kāi)收藏夾    250
9.15  關(guān)閉窗口打開(kāi)指定地址    250
9.16  顯示載入時(shí)間的窗口    251
9.17  顯示瀏覽器信息的窗口    252
9.18  顯示訪客登錄信息的窗口    253
9.19  標(biāo)題漸變的窗口    255
9.20  絕對(duì)全屏打開(kāi)鏈接網(wǎng)頁(yè)    257
9.21  打開(kāi)一個(gè)頻道窗口    258
9.22  在頁(yè)面中打開(kāi)窗口    258
9.23  自動(dòng)滾動(dòng)的窗口    259
第10章  其他特效    261
10.1  顯示下載進(jìn)度    262
10.2  打開(kāi)或關(guān)閉隱藏層    263
10.3  打字速度測(cè)試    264
10.4  改變圖片提示背景顏色    266
10.5  漸變色表格    269
10.6  列表內(nèi)容相互轉(zhuǎn)換    270
10.7  身體健康測(cè)試    273
10.8  網(wǎng)絡(luò)知識(shí)測(cè)試    275
10.9  方框線上的閃耀效果    278
10.10  自動(dòng)隱藏的菜單    281
10.11  自動(dòng)收縮的菜單    283
10.12  爆炸式菜單鏈接    285
10.13  顯示邊框的菜單    287
10.14  右鍵菜單鏈接    289
10.15  首頁(yè)導(dǎo)航菜單    291
10.16  FTP登錄頁(yè)面    292
10.17  HTML顏色代碼表    293
10.18  計(jì)算平面上兩點(diǎn)之間的距離    294
10.19  測(cè)試點(diǎn)擊速度    295
10.20  元素周期表    297
10.21  計(jì)算器    299
10.22  自信測(cè)試    302
10.23  滾動(dòng)交換鏈接    304
第11章  JavaScript與ActiveX技術(shù)    311
11.1  ActiveX組件    312
11.1.1  什么是ActiveX組件    312
11.1.2  ActiveX的內(nèi)容    312
11.1.3  ActiveX控制和Internet    312
11.2  ActiveX組件的應(yīng)用    313
11.2.1  網(wǎng)頁(yè)中的Flash對(duì)象    313
11.2.2  Flash對(duì)象的調(diào)用    314
11.3  ASP與ActiveX組件    315
11.4  ASP與JavaScript語(yǔ)言    315
11.4.1  腳本語(yǔ)言    316
11.4.2  設(shè)置腳本語(yǔ)言    316
11.4.3  服務(wù)器端的腳本    316
11.4.4  JavaScript和VBScript的區(qū)別    317
11.5  ASP與表單處理    317
11.5.1  Form數(shù)據(jù)集合    317
11.5.2  Form集合的提交方式    318
11.6  小結(jié)    319
第12章  JavaScript中的數(shù)據(jù)庫(kù)調(diào)用    321
12.1  數(shù)據(jù)庫(kù)的構(gòu)建    322
12.2  數(shù)據(jù)庫(kù)查詢語(yǔ)句    323
12.2.1  SQL數(shù)據(jù)庫(kù)    323
12.2.2  ASP中的SQL語(yǔ)句    323
12.3  數(shù)據(jù)庫(kù)的連接    324
12.3.1  ODBC的DSN連接方法    324
12.3.2  ODBC的直接連接方法    325
12.3.3  OLE DB的連接方法    325
12.4  數(shù)據(jù)庫(kù)的查詢    325
12.4.1  使用Connection對(duì)象查詢數(shù)據(jù)庫(kù)    326
12.4.2  使用Recordset對(duì)象查詢數(shù)據(jù)庫(kù)    327
12.5  使用JavaScript訪問(wèn)數(shù)據(jù)庫(kù)    330
12.6  小結(jié)    331
第13章  綜合實(shí)例    333
13.1  勇闖迷宮    334
13.2  記憶力游戲    338
13.3  貪吃蛇游戲    342
13.4  打蜜蜂    345
13.5  射擊游戲    350
13.6  螃蟹賽跑    353
13.7  數(shù)字拼圖    358
13.8  填格子游戲    363
13.9  棒球動(dòng)畫(huà)    367
13.10  禮花動(dòng)畫(huà)    372