《JavaScript網頁特效範例寶典》本書以網站開發者在開發中遇到的實際問題和應該掌握的技術為中心,全面介紹了JavaScript在網站開發中各個方面的常用技術和技巧。
基本介紹
- 書名:JavaScript網頁特效範例寶典
- 作者:明日科技
- 定價:20
- 章數:19
簡介,目錄,
簡介
全書共19章,分別是視窗/框架與導航條設計、表單及表單元素、實用JavaScript函式、日期和時間、文字特效、超級連結特效、操作表格、圖形圖像與多媒體、頁面特效、狀態欄特效、報表與列印、網站安全、HTML/CSS樣式、JavaScript與XML、JavaScript與ASP結合、JavaScript與JSP結合、 JavaScript與ASP.NET結合、JavaScript與PHP結合、綜合套用等。全書共提供了401個實例,每個實例都突出實用性,其中大部分是網站開發者夢寐以求的問題解決方案。
本書適用於廣大計算機愛好者和編程人員使用,也可供大中專院校師生學習參考。
目錄
第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 用層製作下拉選單1 81
實例051 用層製作下拉選單2 84
1.10 側導航條設計 86
實例052 自動隱藏式選單 87
實例053 收縮式導航選單 89
實例054 樹狀導航選單 91
第2章 表單及表單元素 95
實例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
實例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
實例247 MIDI音樂選擇 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.1 Web列印 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頁面中的數據導出到Excel 474
實例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與XML 553
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 操作XML 565
實例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 將查詢結果導出到Word 619
實例377 調用Excel 621
實例378 調用PowerPoint 622
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