《JavaScript網頁特效實例大全》是由清華大學出版社2006 年9月出版的一本書籍。
基本介紹
- 書名：JavaScript網頁特效實例大全
- 作者：王征
- ISBN：7302131694
- 頁數：379頁
- 出版社：清華大學出版社
- 出版時間：2006年9月18日
- 叢書名：網站開發非常之旅
內容簡介,前言,目錄,
內容簡介
本書對javascript語言的內容、功能、特性和實際套用做了深入淺出的全面介紹，對對象、視窗和幀等的使用技巧做了詳細的論述，並給出了全部javascript的對象、屬性、方法的詳細參考和實例，使讀者能在較短的時間內掌握javascript程式設計的方法和技巧。..
本書主要介紹了網頁製作的相關技術，主要內容包括javascript的變數聲明與基本運算、循環及決策、math對象的使用、string對象的使用、date對象的使用、表格及檔案對象的使用、其他函式與對象、範例程式、javascript關鍵字索引等。全書主要以範例引導讀者學習，並將各章節的範例程式、圖形檔案附於隨書贈送的光碟中。
本書適合於想製作動態網頁的網路技術人員和internet愛好者，可作為網路技術培訓教材和網路軟體開發人員的參考資料，也可作為大中專院校相關專業學生的自學教材。
javascript是一種簡潔的、面向對象的、跨平台的描述語言，是一種專門用來開發internet客戶端和服務端的應用程式。使用 javascript可以快速創建類似cgi(公共網關接口)程式，實現互動的動態網頁，因而它可以說是網路時代最重要的語言之一。.
前言
隨著網路的不斷發展，網路將不再僅是獲取信息的平台，它正逐步地向個性化發展。網站的美觀與否，以及信息量的多少決定了它的客流量。因此，對一個網站或者一個網頁來說，外觀是相當重要的。.
JavaScript是比較流行的一種製作網頁特效的語言，它是由Netscape公司推出的，其前身由Netscape公司定義，後來由SUN公司大力支持才得以迅速發展。
本書對JavaScript語言的內容、功能、特性和實際套用做了深入淺出的全面介紹，對對象、視窗和幀等的使用技巧做了詳細的論述，並給出了全部 JavaScript的對象、屬性、方法的詳細參考和實例，使讀者能在較短的時間內掌握JavaScript程式設計的方法和技巧。
本書具體內容如下所述：
第1章 JavaScript概述：主要講解一些關於JavaScript的基本構成、基本語法、函式的調用以及JavaScript對象。
第2章 JavaScript中事件、視窗和框架的處理：主要講解JavaScript事件中各個對象的處理以及框架的使用。
第3章 連結類特效：主要講解網頁中關於連結類特效的實際套用。
第4章 時間類特效：主要講解網頁中關於時間類特效的實際套用。
第5章 滑鼠類特效：主要講解網頁中關於滑鼠類特效的實際套用。
第6章 圖片類特效：主要講解網頁中關於圖片類特效的實際套用。..
第7章 文字類特效：主要講解網頁中關於文字類特效的實際套用。
第8章 頁面類特效：主要講解網頁中關於頁面類特效的實際套用。
第9章 視窗類特效：主要講解網頁中關於視窗類特效的實際套用。
第10章 其他特效：主要講解前面的章節中沒有講到的一些關於網頁中的其他類特效。
第11章 JavaScript與ActiveX技術：主要講解JavaScript與ActiveX技術的互動使用，以及ASP與JavaScript的互動使用。
第12章 JavaScript中的資料庫調用：本章節主要講解在JavaScript中如何調用資料庫。
第13章 綜合實例：重點講解一些綜合實例。
本書的特色是以實例為主。全書80%的內容為實例並添加了注釋，以幫助讀者學習，每個實例都配有效果圖，只用了很少的內容將JavaScript的對象、屬性、方法、事件、視窗等相關基礎知識全部概括。無論你是初學者還是有一定基礎的讀者，在學習完本書後都會有很大的收穫。本書適合於想製作動態網頁的網路技術人員和Internet愛好者，也可作為網路技術培訓教材和網路軟體開發人員的參考資料。
本書由強鋒科技組織編寫，由王征主筆。其他參與編寫、資料整理和程式調試的人員有王俊標、陳晨、李卓龍、高守傳、郭瑞、周宇煒、蔡雪燾、陳杰、榮飛、鄭林、張路平、頊宇峰、羅皓菡、趙正坤、公芳亮、程明雷、梁文建、馬斗、邱哲、宋昕、陳剛等。在此對大家的辛勤工作表示衷心的感謝！
目錄
第1篇 JavaScript網頁實例
第1章 頁面類特效（教學視頻：19分鐘） 2
1.1 背景顏色線上改變 2
1.2 舞台效果 3
1.3 下雨的頁面效果 6
1.4 QQ式頁面導航欄 8
1.5 拉幕效果 10
1.6 使用調色板更換頁面背景 11
1.7 飛舞的星星 13
1.8 選擇進入頁面的效果 15
1.9 網頁載入效果 15
1.10 自動滾屏頁面 16
1.11 QQ客服隨屏頁面效果 17
1.12 雪花紛飛的頁面 19
1.13 MSN訊息提示效果 21
1.14 自動最大化頁面 22
1.15 自動刷新頁面 23
1.16 頁面的前進與後退 23
1.17 保護頁面內容不被複製 24
1.18 保護頁面原始碼不被複製 25
1.19 保護頁面不被其他網站使用框架載入 25
1.20 在頁面中調用其他網頁 26
1.21 倒計時 26
1.22 載入頁面時顯示滾動條 28
1.23 禁用頁面另外儲存功能 29
1.24 禁用頁面被載入到快取中 30
1.25 打開頁面時彈出對話框 30
1.26 自動收藏當前頁面 31
1.27 自動設定當前頁面為默認載入頁面 31
1.28 凍結視窗 32
1.29 禁用頁面中的腳本 33
1.30 隨機修改頁面標題 33
1.31 頁面中的播放器 34
1.32 頁面信息的傳遞 35
1.33 批量訪問頁面元素 36
1.34 改變頁面元素位置 36
1.35 頁面動畫 37
1.36 頁面元素拖曳 38
1.37 頁面顏色漸變 40
1.38 基於瀏覽器類型的重定向 43
1.39 頁面載入後自動播放聲音 43
1.40 顯示頁面最後修改時間 44
1.41 頁面狀態欄實時顯示當前時間 44
1.42 頁面的前進、後退與刷新 45
1.43 頁面定時彈出視窗 46
1.44 將頁面上過長的字元串按長度要求超出部分顯示省略號 46
1.45 頁面樹形選單 47
第2章 按鈕特效（教學視頻：15分鐘） 49
2.1 改變頁面某列表框控制項的內容時，顯示不同的按鈕 49
2.2 按鈕熱鍵 50
2.3 確認某個動作前的提示按鈕 51
2.4 圖形按鈕 51
2.5 平面按鈕 52
2.6 嵌入按鈕 53
2.7 通過按鈕刷新頁面 53
2.8 禁止按鈕連擊 54
2.9 底部顯示文字的按鈕 55
2.10 動態創建按鈕 55
2.11 通過按鈕改變狀態欄 56
2.12 通過按鈕控制文本產生漸變效果 56
2.13 按鈕獲取焦點 58
第3章 按鍵禁止特效（教學視頻：10分鐘） 59
3.1 禁止鍵盤所有鍵 59
3.2 禁止滑鼠右鍵 59
3.3 禁止F5鍵刷新頁面 60
3.4 禁止瀏覽器右上角“最小化”、“最大化”和“關閉”按鈕 60
3.5 禁止退格鍵 61
3.6 禁止IE後退按鈕 61
3.7 禁止主視窗滾動條 61
3.8 抓屏並不斷地清空剪貼簿 62
3.9 禁止網站的列印功能 62
3.10 禁止IE瀏覽器中圖片上自動出現的保存圖示 62
3.11 禁止網頁中所有的腳本 63
第4章 驗證碼特效（教學視頻：21分鐘） 64
4.1 限制長度 64
4.2 限定漢字 65
4.3 限定英文 65
4.4 限定數字 66
4.5 限定英文和數字 66
4.6 驗證信箱格式 67
4.7 禁止關鍵字 68
4.8 驗證兩次輸入的密碼是否相同 69
4.9 驗證表單項不為空 70
4.10 比較兩個表單項的值是否相同 71
4.11 驗證表單項只能為數字和下劃線 72
4.12 限定表單項輸入值或長度 73
4.13 限定表單項不能輸入的字元 74
4.14 檢查一段字元串是否全由數字組成 74
4.15 判斷是否是字元 75
4.16 驗證電話號碼格式 76
4.17 判斷輸入是否為中文 77
4.18 判斷用戶名是否為數字、字母、下劃線 78
第5章 滑鼠特效（教學視頻：18分鐘） 79
5.1 滑鼠單擊圖片後切換為其他圖片 79
5.2 滑鼠單擊小圖無刷新放大圖片 79
5.3 滑鼠放到圖片上會滑出提示文字 80
5.4 滑鼠放上圖片錯位效果 82
5.5 滑鼠經過時產生浮動層放大圖像 82
5.6 滑鼠經過圖片放大效果 83
5.7 滑鼠經過圖片更換圖片 84
5.8 滑鼠經過圖片時，下方出現注釋 85
5.9 滑鼠經過時，圖片由灰色變彩色 86
5.10 圖片在滑鼠的控制下橫向滾動 86
5.11 滑鼠拖動圖片 89
5.12 滑鼠拖動時圖片自由變化大小 91
5.13 滑鼠移出圖片抖動 91
5.14 圖片透明度隨著滑鼠移入移出而改變 93
5.15 滑鼠移入縮略圖顯示出大圖 94
5.16 圖片在滑鼠移入時變清晰 96
5.17 圖片框線在滑鼠經過時變色 97
5.18 在網頁上單擊滑鼠的地方顯示圖片 97
5.19 滑鼠滑入時圖片變清晰，滑鼠劃出時圖片變模糊 98
5.20 圖片回響滑鼠特效 99
5.21 滑鼠滑入動畫載入大圖 100
5.22 滑鼠滑過圖片出現框線 104
5.23 滑鼠滑入圖片改變透明度 104
5.24 縮略圖回響滑鼠滑入圖片切換 105
5.25 滑鼠滑入後懸停，圖片交換 108
5.26 滑鼠滑入小圖，跟隨滑鼠移動展示大圖 109
5.27 帶圖片的滑鼠懸停提示 111
5.28 回響滑鼠變化的絢麗圖片特效 112
5.29 感應滑鼠的圖片遮罩動畫效果 115
5.30 滑鼠滑入變換內容 116
5.31 跟隨滑鼠旋轉的星星 117
5.32 滑鼠滑入圖片漸變高亮 119
5.33 圖片感應滑鼠的虛實效果 120
5.34 滑鼠單擊控制圖片左右滾動 120
5.35 全面禁用滑鼠右鍵 124
5.36 全面禁用滑鼠滾輪 124
5.37 全面禁用滑鼠右鍵複製貼上 125
5.38 跟蹤滑鼠顯示坐標 126
5.39 圍繞滑鼠跳躍的文字 127
5.40 滑鼠移入移出某個區域時改變顏色 128
5.41 滑鼠移入移出時控制項特效 128
5.42 跟隨滑鼠的漢字 129
5.43 跟隨滑鼠的小點點 131
5.44 跟隨滑鼠漂移的文字 132
5.45 滑鼠燃放煙花 133
5.46 帶時鐘的滑鼠 137
5.47 吐泡泡的滑鼠 141
5.48 會變化的滑鼠指針 143
5.49 跟蹤滑鼠的雪花 143
第6章 類淘寶特效（教學視頻：11分鐘） 146
6.1 類淘寶圖片切換，類似相冊播放效果 146
6.2 淘寶網寶貝圖片預覽效果 149
6.3 淘寶網廣告圖片幻燈效果 151
6.4 淘寶網圖片幻燈片上下滾動切換效果 153
6.5 淘寶式導航條 155
6.6 淘寶式選擇選單 156
6.7 淘寶產品列表的顯示與隱藏 159
6.8 淘寶網縱向分類選單 160
6.9 淘寶的地區選擇選單 162
第7章 各類網站特效（教學視頻：21分鐘） 164
7.1 廣告圖片上下滾動替換 164
7.2 仿Flash廣告圖片左右滾動替換的效果 165
7.3 廣告圖片漸變翻頁效果 168
7.4 照片分享網站的圖片預覽效果 169
7.5 圖片滑動放大效果 170
7.6 Google牛頓紀念日蘋果下落特效Logo 172
7.7 運用marquee標籤的圖片滾動特效 173
7.8 仿NBA網站圖片切換 174
7.9 仿nVida網站圖片滑動切換 176
7.10 盯著你看的眼睛Logo 177
7.11 仿FLASH圖片光照特效 179
7.12 心形屏保效果 179
7.13 仿天極網首頁幻燈圖片切換特效 182
7.14 百度圖片切換特效 184
7.15 騰訊圖片滑動切換特效 185
7.16 仿新浪焦點圖變換自動切換大圖效果 188
7.17 搜狐女人頻道首頁的圖片切換效果 190
7.18 騰訊商品圖片滾動效果 192
7.19 騰訊網站的圖片切換效果 193
7.20 天極網圖片切換效果 195
第8章 焦點圖特效（教學視頻：7分鐘） 197
8.1 焦點圖片切換過程自動變更切換效果 197
8.2 單擊小圖彈出大圖 199
8.3 動感圖片標題的焦點圖切換 201
8.4 帶載入過程的焦點圖片切換效果 204
8.5 簡潔的滑鼠滑入焦點圖切換效果 206
