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

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