JavaScript網頁特效範例寶典

JavaScript網頁特效範例寶典

JavaScript網頁特效範例寶典以網站開發者在開發中遇到的實際問題和應該掌握的技術為中心,全面介紹了JavaScript在網站開發中各個方面的常用技術和技巧。

基本信息

簡介

本書以網站開發者在開發中遇到的實際問題和應該掌握的技術為中心,全面介紹了JavaScript在網站開發中各個方面的常用技術和技巧。全書共19章,分別是視窗/框架與導航條設計、表單及表單元素、實用JavaScript函式、日期和時間、文字特效、超級連結特效、操作表格、圖形圖像與多媒體、頁面特效、狀態欄特效、報表與列印、網站安全、HTML/CSS樣式、JavaScript與XML、JavaScript與ASP結合、JavaScript與JSP結合、JavaScript與ASP.NET結合、JavaScript與PHP結合、綜合套用等。全書共提供了401個實例,每個實例都突出實用性,其中大部分是網站開發者夢寐以求的問題解決方案。
本書附有配套光碟。光碟提供了書中所有實例的全部原始碼,所有原始碼都經過精心調試,在WindowsXP/Windows2000環境下測試通過,保證能夠正常運行。
本書適用於廣大計算機愛好者和編程人員使用,也可供大中專院校師生學習參考。

目錄

第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用層製作下拉選單181
實例051用層製作下拉選單284
1.10側導航條設計86
實例052自動隱藏式選單87
實例053收縮式導航選單89
實例054樹狀導航選單91
第2章表單及表單元素95
2.1文本框/編輯框/隱藏域組件96
實例055獲取文本框/編輯框/隱藏域的值96
實例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
實例176改變超級連結字型樣式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
實例247MIDI音樂選擇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.1Web列印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頁面中的數據導出到Excel474
實例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使用ScriptEncoder加密工具加密501
第13章HTML/CSS樣式503
13.1頁面效果504
實例317統一DOM對象讀取XML檔案554
實例351使用XMLHTTPRequest對象讀取XML檔案557
14.2顯示XML文檔559
實例352使用CSS顯示XML文檔559
實例353使用XSL顯示XML文檔562
實例354使用IEXML數據島輸出XML文檔564
14.3操作XML565
實例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將查詢結果導出到Word619
實例377調用Excel621
實例378調用PowerPoint622
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

相關詞條

相關搜尋

熱門詞條

聯絡我們