JavaScript精彩網(wǎng)頁(yè)特效實(shí)例精粹

第1章　文本特效類(lèi)　1
實(shí)例1　隨機(jī)產(chǎn)生文字　2
實(shí)例2　文字循環(huán)出現(xiàn)　3
實(shí)例3　鼠標(biāo)光標(biāo)劃過(guò)選中文本　4
實(shí)例4　顏色不停變化的鏈接　5
實(shí)例5　逐字出現(xiàn)的信息條　6
實(shí)例6　文字波浪效果　8
實(shí)例7　文字逐個(gè)閃爍效果　9
實(shí)例8　文字發(fā)光效果　11
實(shí)例9　文字連續(xù)閃爍　13
實(shí)例10　旋轉(zhuǎn)文字　14
實(shí)例11　文字破碎效果　15
實(shí)例12　狀態(tài)欄文字效果　18
實(shí)例13　文字同步顯示效果　20
實(shí)例14　特殊公告欄效果　22
實(shí)例15　文字輸入計(jì)算　23
實(shí)例16　網(wǎng)頁(yè)代碼測(cè)試器　24
實(shí)例17　簡(jiǎn)易文本編輯器　26
第2章　圖片特效類(lèi)　29
實(shí)例18　禁止下載圖片　30
實(shí)例19　圖片鏈接翻轉(zhuǎn)效果　31
實(shí)例20　有光源掃描圖片效果　32
實(shí)例21　圖片漸出效果　33
實(shí)例22　滾動(dòng)顯示圖片　35
實(shí)例23　下拉菜單圖片選擇　37
實(shí)例24　圖片定期顯示　38
實(shí)例25　圖片提示文字效果　39
實(shí)例26　圖片自由運(yùn)動(dòng)　41
實(shí)例27　隨意拖動(dòng)圖片效果　43
實(shí)例28　圖片浮動(dòng)效果　44
實(shí)例29　限制上傳圖片屬性　46
實(shí)例30　圖片自動(dòng)縮放效果　48
實(shí)例31　圖片滾動(dòng)鏈接效果　49
第3章　鼠標(biāo)鍵盤(pán)類(lèi)　52
實(shí)例32　禁止鼠標(biāo)右鍵　53
實(shí)例33　鼠標(biāo)光標(biāo)懸停加入收藏夾　54
實(shí)例34　鼠標(biāo)光標(biāo)懸停設(shè)為首頁(yè)　55
實(shí)例35　鼠標(biāo)光標(biāo)指針跟蹤效果　56
實(shí)例36　鼠標(biāo)光標(biāo)三色光跟隨效果　58
實(shí)例37　鼠標(biāo)光標(biāo)環(huán)繞效果　60
實(shí)例38　鼠標(biāo)光標(biāo)跟隨效果　61
實(shí)例39　顯示鼠標(biāo)光標(biāo)坐標(biāo)　63
實(shí)例40　禁止文字拷貝　65
實(shí)例41　屏蔽鍵盤(pán)按鍵　66
實(shí)例42　虛擬鍵盤(pán)功能　67
第4章　按鈕特效類(lèi)　70
實(shí)例43　關(guān)不掉的彈出框　71
實(shí)例44　查看源代碼按鈕　72
實(shí)例45　鏈接按鈕　73
實(shí)例46　打印預(yù)覽按鈕　74
實(shí)例47　打印按鈕　75
實(shí)例48　只能單擊一次的按鈕　76
實(shí)例49　關(guān)閉窗口按鈕　77
實(shí)例50　前進(jìn)后退按鈕　78
實(shí)例51　全屏顯示按鈕　79
實(shí)例52　按鈕滾動(dòng)文字效果　80
實(shí)例53　頁(yè)面內(nèi)容轉(zhuǎn)成WORD文檔按鈕　81
實(shí)例54　聲音播放控制按鈕　82
實(shí)例55　彈出窗口按鈕　83
實(shí)例56　彈出模態(tài)窗口按鈕　84
實(shí)例57　窗口抖動(dòng)按鈕　85
第5章　日期時(shí)間類(lèi)　87
實(shí)例58　隨時(shí)間變化的提示語(yǔ)　88
實(shí)例59　網(wǎng)頁(yè)時(shí)鐘　89
實(shí)例60　狀態(tài)欄時(shí)鐘　91
實(shí)例61　新款時(shí)鐘　93
實(shí)例62　帶倒影的時(shí)鐘　95
實(shí)例63　帶開(kāi)關(guān)的時(shí)鐘　97
實(shí)例64　簡(jiǎn)單的日歷　99
實(shí)例65　可選年月的日歷　101
實(shí)例66　選擇日期日歷　104
實(shí)例67　顯示當(dāng)前完整日期(包括農(nóng)歷)　108
實(shí)例68　網(wǎng)頁(yè)日歷牌　111
實(shí)例69　全球時(shí)間表　113
實(shí)例70　時(shí)間倒計(jì)時(shí)　116
實(shí)例71　漢字格式日期轉(zhuǎn)化　118
第6章　計(jì)數(shù)轉(zhuǎn)換類(lèi)　120
實(shí)例72　大小寫(xiě)字母轉(zhuǎn)換功能　121
實(shí)例73　計(jì)算兩點(diǎn)間的距離　122
實(shí)例74　柱形統(tǒng)計(jì)圖　123
實(shí)例75　餅形統(tǒng)計(jì)圖　127
實(shí)例76　購(gòu)物累加計(jì)算　129
實(shí)例77　一元二次方程計(jì)算器　130
實(shí)例78　簡(jiǎn)易計(jì)算器　132
實(shí)例79　體育彩票選號(hào)器　135
第7章　系統(tǒng)檢測(cè)類(lèi)　137
實(shí)例80　檢測(cè)訪問(wèn)來(lái)源　138
實(shí)例81　檢測(cè)顯示器分辨率　139
實(shí)例82　檢測(cè)IE瀏覽器所安裝的插件　140
實(shí)例83　檢測(cè)瀏覽過(guò)的站點(diǎn)　141
實(shí)例84　檢測(cè)用戶登錄信息　142
實(shí)例85　檢測(cè)網(wǎng)站鏈接速度　145
實(shí)例86　顯示瀏覽器詳細(xì)報(bào)告　146
實(shí)例87　記錄頁(yè)面修改時(shí)間　147
實(shí)例88　啟動(dòng)本地程序　148
實(shí)例89　打開(kāi)硬盤(pán)驅(qū)動(dòng)器　149
實(shí)例90　載入頁(yè)面進(jìn)度條　150
第8章　頁(yè)面特效類(lèi)　152
實(shí)例91　仿Windows XP關(guān)機(jī)效果　153
實(shí)例92　刷新父窗口　154
實(shí)例93　頁(yè)面自動(dòng)跳轉(zhuǎn)　155
實(shí)例94　彈出窗口自動(dòng)關(guān)閉　156
實(shí)例95　頁(yè)面停留時(shí)間　157
實(shí)例96　頁(yè)面下載時(shí)間　159
實(shí)例97　鎖定頁(yè)面　160
實(shí)例98　關(guān)閉頁(yè)面提示　162
實(shí)例99　頁(yè)面禮花效果　163
實(shí)例100　頁(yè)面背景花瓣效果　166
實(shí)例101　頁(yè)面下雨效果　167
實(shí)例102　頁(yè)面飄雪效果　169
實(shí)例103　進(jìn)入頁(yè)面前顯示必讀信息　171
實(shí)例104　隨機(jī)播放背景音樂(lè)　172
實(shí)例105　頁(yè)面背景不停閃爍　173
實(shí)例106　頁(yè)面背景選擇器　175
實(shí)例107　窗口從上到下移動(dòng)效果　176
實(shí)例108　頁(yè)面產(chǎn)生百葉窗效果　179
實(shí)例109　自動(dòng)滾屏　181
實(shí)例110　滾動(dòng)條顏色生成器　182
實(shí)例111　禁止保存頁(yè)面　184
第9章　菜單特效類(lèi)　185
實(shí)例112　下拉菜單鏈接　186
實(shí)例113　二級(jí)相互關(guān)聯(lián)菜單　187
實(shí)例114　多級(jí)相互關(guān)聯(lián)菜單　189
實(shí)例115　二級(jí)樹(shù)型菜單效果　191
實(shí)例116　多層樹(shù)型菜單效果　193
實(shí)例117　簡(jiǎn)單右鍵菜單　195
實(shí)例118　漸隱菜單　198
實(shí)例119　內(nèi)容可互換菜單　201
實(shí)例120　可拖動(dòng)的菜單　203
實(shí)例121　動(dòng)態(tài)菜單　205
實(shí)例122　改變背景的菜單　209
實(shí)例123　Flash菜單效果　210
實(shí)例124　推拉式菜單　212
實(shí)例125　OICQ菜單效果　214
第10章　密碼校驗(yàn)類(lèi)　218
實(shí)例126　電子郵件地址校驗(yàn)　219
實(shí)例127　日期校驗(yàn)　221
實(shí)例128　IP地址校驗(yàn)　222
實(shí)例129　隨機(jī)產(chǎn)生密碼　223
實(shí)例130　數(shù)字校驗(yàn)　225
實(shí)例131　常用輸入信息校驗(yàn)　226
實(shí)例132　密碼驗(yàn)證程序　228
實(shí)例133　限制輸錯(cuò)密碼的次數(shù)　229
實(shí)例134　認(rèn)證等待效果　230
實(shí)例135　代碼加密解密　232
實(shí)例136　密碼保護(hù)程序　233
實(shí)例137　評(píng)估密碼強(qiáng)度　234
第11章　在線測(cè)試類(lèi)　237
實(shí)例138　單選題測(cè)試　238
實(shí)例139　多選題測(cè)試　241
實(shí)例140　判斷題測(cè)試　243
實(shí)例141　填空題測(cè)試　245
實(shí)例142　速算能力測(cè)試　247
實(shí)例143　就業(yè)成功率測(cè)試　248
實(shí)例144　身體健康測(cè)試　250
實(shí)例145　答題時(shí)間提示　252
實(shí)例146　強(qiáng)制提交測(cè)試　253
實(shí)例147　打字速度測(cè)試　254
實(shí)例148　測(cè)試單擊速度　256
第12章　游戲類(lèi)　258
實(shí)例149　射擊　259
實(shí)例150　21點(diǎn)　261
實(shí)例151　益智游戲　264
實(shí)例152　貪吃蛇　267
實(shí)例153　拼圖游戲　269
實(shí)例154　推箱子　273
實(shí)例155　方格游戲　276
實(shí)例156　連線游戲　279
實(shí)例157　跳舞動(dòng)畫(huà)　284
第13章　綜合類(lèi)　287
實(shí)例158　回車(chē)代替換行效果　288
實(shí)例159　電子郵件發(fā)送程序　289
實(shí)例160　FTP登錄頁(yè)面　291
實(shí)例161　完整表單校驗(yàn)程序　293
實(shí)例162　設(shè)置網(wǎng)頁(yè)文本字號(hào)　296
實(shí)例163　綜合的搜索引擎　297
實(shí)例164　自定義范圍的隨機(jī)數(shù)值生成器　299
實(shí)例165　網(wǎng)絡(luò)賀卡背景及其音樂(lè)自主設(shè)定　300
實(shí)例166　仿Windows登錄條　302
實(shí)例167　信息一直在頁(yè)面最底端　303
實(shí)例168　防止表單重復(fù)提交　304
實(shí)例169　仿DataGrid效果　306
實(shí)例170　源代碼加密程序　308
實(shí)例171　Textarea中字符串查詢(xún)替換功能　309
第14章　流行特效　311
實(shí)例172　圖片切換效果　312
實(shí)例173　廣告圖片動(dòng)態(tài)顯示　315
實(shí)例174　大幅廣告動(dòng)畫(huà)彈出效果　317
實(shí)例175　兩側(cè)浮動(dòng)廣告效果　318
實(shí)例176　按鈕文字閃爍效果　320
實(shí)例177　VR全景圖效果　321
實(shí)例178　checkbox全選按鈕　323
實(shí)例179　特殊的IP地址輸入效果　324
實(shí)例180　網(wǎng)頁(yè)助手　325
實(shí)例181　圖層隱現(xiàn)效果　327
實(shí)例182　調(diào)色板　328
實(shí)例183　流行的鼠標(biāo)光標(biāo)懸停效果　332
實(shí)例184　圖片的水中倒影效果　334
實(shí)例185　窗口緩慢彈出　336
實(shí)例186　同一頁(yè)內(nèi)容切換　338
實(shí)例187　流行的滾動(dòng)條效果　339
實(shí)例188　媒體播放器　342
第15章　Ajax實(shí)現(xiàn)網(wǎng)頁(yè)特效　345
實(shí)例189　獲取在線人數(shù)　346
實(shí)例190　Ajax查詢(xún)實(shí)例　347
實(shí)例191　Ajax密碼驗(yàn)證　349
實(shí)例192　Ajax表單檢測(cè)　351
實(shí)例193　Ajax讀取XML文檔　352
實(shí)例194　Ajax讀取數(shù)據(jù)庫(kù)信息　354
實(shí)例195　Ajax分頁(yè)實(shí)例　355
實(shí)例196　無(wú)刷新聊天室　357
第16章　JavaScript連接數(shù)據(jù)庫(kù)實(shí)例　360
實(shí)例197　連接Access數(shù)據(jù)庫(kù)　361
實(shí)例198　連接SQL Server數(shù)據(jù)庫(kù)　362
實(shí)例199　操作數(shù)據(jù)庫(kù)實(shí)例　363
實(shí)例200　查詢(xún)數(shù)據(jù)庫(kù)實(shí)例　364
附錄A　鍵盤(pán)對(duì)應(yīng)ASCII碼表　366
附錄B　JavaScript函數(shù)庫(kù)　367
附錄C　JavaScript錯(cuò)誤處理　372