JavaScript網頁特效實例大全

第1章  JavaScript概述    1
1.1  什么是腳本語言    2
1.2  JavaScript簡介    2
1.3  JavaScript與Java的關系    3
1.4  JavaScript的基本構成    4
1.4.1  基本數(shù)據(jù)類型    4
1.4.2  變量    4
1.4.3  常量    5
1.4.4  表達式    6
1.4.5  運算符    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ù)調用    16
1.6.1  函數(shù)的定義與調用    17
1.6.2  全局變量與局部變量    17
1.6.3  可變參數(shù)的函數(shù)    17
1.6.4  預定義函數(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  其他內部對象    24
1.8  小結    26
第2章  JavaScript中事件、窗口和框架的處理    27
2.1  事件處理的基本概念    28
2.2  常用事件及處理    28
2.2.1  瀏覽器事件    29
2.2.2  鼠標事件    29
2.2.3  文本框事件    30
2.2.4  其他事件    31
2.3  什么是框架    31
2.4  使用框架    32
2.5  小結    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  鼠標右鍵鏈接    44
3.10  顯示當前頁的所有鏈接    45
3.11  查看網址源代碼    46
3.12  將站點加入收藏夾    47
3.13  單擊按鈕返回默認主頁    47
3.14  給指定的人員發(fā)信    48
3.15  彈出菜單式鏈接    49
3.16  圖片選擇器    50
3.17  鏈接導航框    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  帶有農歷的日歷    65
4.4  標題欄顯示日期    68
4.5  標題欄顯示時間    69
4.6  不同時間的不同問候    69
4.7  記錄進入網站的時間    70
4.8  頁面的最后更新日期    71
4.9  節(jié)日倒計時    72
4.10  定時打開指定頁面    72
4.11  顯示在背景上的時鐘    73
4.12  動態(tài)顯示訪問時間    75
4.13  在指定時間內保存頁面    76
4.14  離今天最近的兩個星期天    78
4.15  記錄在網站停留的時間    79
4.16  帶開關的時鐘    80
4.17  每天顯示一條不同的信息    81
4.18  模擬時鐘    82
4.19  英文式的文本時鐘    84
4.20  關閉頁面時彈出時間警告框    85
4.21  顯示在按鈕上的時間    86
4.22  計算出生時間    88
4.23  計算幾天后將是什么日期    92
第5章  鼠標類特效    95
5.1  讓鼠標懸停來開關窗口    96
5.2  鼠標的十字星準星    96
5.3  鼠標的文字跟蹤    97
5.4  鼠標經過時改變文本顏色    99
5.5  鼠標驅動圖片變化    100
5.6  鼠標懸停時背景色改變    101
5.7  鼠標右鍵彈出對話框    102
5.8  鼠標的圖片旋轉跟蹤    103
5.9  旋轉的鼠標光環(huán)    105
5.10  跟隨鼠標旋轉的文字    107
5.11  單擊鼠標右鍵打開網站    109
5.12  跟著鼠標的煙花    109
5.13  跟隨鼠標的時鐘    111
5.14  屏蔽鼠標右鍵    115
5.15  跟隨鼠標的滾動字幕    116
5.16  鼠標懸停打開新的頁面    117
5.17  鼠標的指針蹤跡效果    118
5.18  跟隨鼠標跳動的星星    119
5.19  冒水泡的鼠標    121
5.20  跟隨鼠標的幻影文字    123
5.21  非圖片鼠標跟蹤    124
5.22  自動變化的鼠標指針    127
5.23  跟隨鼠標的流星    128
第6章  圖片類特效    133
6.1  鼠標控制圖片的明暗效果    134
6.2  來回擺動的圖片    134
6.3  隨意飄動的圖像    136
6.4  隨意走動的圖片    137
6.5  圖片的水中倒影效果    140
6.6  可以隨意拖動的圖片    140
6.7  “雷達”掃描圖片效果    142
6.8  圖片的變形效果    143
6.9  會抖動的圖片    144
6.10  不停閃爍的圖片    146
6.11  圖片分割顯示    146
6.12  圖片穿行頁面效果    148
6.13  自由移動的圖片    149
6.14  圖片代替按鈕效果    150
6.15  圖片的翻轉效果    151
6.16  向外擴展的圖片    152
6.17  鼠標懸停改變圖片    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  文字的旋轉效果    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  鼠標懸停顯示提示文字    200
第8章  頁面類特效    203
8.1  下雨的頁面效果    204
8.2  網頁中的loading條    206
8.3  頁面的制作完成時間    207
8.4  在狀態(tài)欄顯示輸入字符的頁面    208
8.5  頁面的加密功能    209
8.6  調色板更換頁面背景    211
8.7  滾動信息公告頁面    213
8.8  頁面背景的顏色變化    215
8.9  頁面背景的隨機顯示    216
8.10  單擊按鈕打印當前頁面    217
8.11  記錄用戶的來訪次數(shù)    218
8.12  可選擇的頁面信息    219
8.13  文本框消失的頁面    220
8.14  隨機播放背景音樂的頁面    221
8.15  能自動滾屏的頁面    222
8.16  密碼保護頁面    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  控制窗口的打開和關閉    235
9.3  從天而降的窗口    235
9.4  打開慢慢變大的窗口    236
9.5  打開一個四面變大的窗口    237
9.6  定時打開新的窗口    238
9.7  轉動出現(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  關閉窗口打開收藏夾    250
9.15  關閉窗口打開指定地址    250
9.16  顯示載入時間的窗口    251
9.17  顯示瀏覽器信息的窗口    252
9.18  顯示訪客登錄信息的窗口    253
9.19  標題漸變的窗口    255
9.20  絕對全屏打開鏈接網頁    257
9.21  打開一個頻道窗口    258
9.22  在頁面中打開窗口    258
9.23  自動滾動的窗口    259
第10章  其他特效    261
10.1  顯示下載進度    262
10.2  打開或關閉隱藏層    263
10.3  打字速度測試    264
10.4  改變圖片提示背景顏色    266
10.5  漸變色表格    269
10.6  列表內容相互轉換    270
10.7  身體健康測試    273
10.8  網絡知識測試    275
10.9  方框線上的閃耀效果    278
10.10  自動隱藏的菜單    281
10.11  自動收縮的菜單    283
10.12  爆炸式菜單鏈接    285
10.13  顯示邊框的菜單    287
10.14  右鍵菜單鏈接    289
10.15  首頁導航菜單    291
10.16  FTP登錄頁面    292
10.17  HTML顏色代碼表    293
10.18  計算平面上兩點之間的距離    294
10.19  測試點擊速度    295
10.20  元素周期表    297
10.21  計算器    299
10.22  自信測試    302
10.23  滾動交換鏈接    304
第11章  JavaScript與ActiveX技術    311
11.1  ActiveX組件    312
11.1.1  什么是ActiveX組件    312
11.1.2  ActiveX的內容    312
11.1.3  ActiveX控制和Internet    312
11.2  ActiveX組件的應用    313
11.2.1  網頁中的Flash對象    313
11.2.2  Flash對象的調用    314
11.3  ASP與ActiveX組件    315
11.4  ASP與JavaScript語言    315
11.4.1  腳本語言    316
11.4.2  設置腳本語言    316
11.4.3  服務器端的腳本    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  小結    319
第12章  JavaScript中的數(shù)據(jù)庫調用    321
12.1  數(shù)據(jù)庫的構建    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  小結    331
第13章  綜合實例    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