《JavaScript網頁特效案例教程》是2012年機械工業出版社出版的圖書，作者是王瑩。該書介紹了JavaScript語言及網頁特效製作的相關技術。
基本介紹
2012年機械工業出版社出版圖書,內容簡介,圖書目錄,2014年機械工業出版社出版圖書,基本信息,內容簡介,目錄,
2012年機械工業出版社出版圖書
內容簡介
JavaScript是一種簡潔的、基於對象的、跨平台的腳本語言，目前廣泛用於Internet客戶端開發。本書內容包括JavaScript簡單介紹，函式的套用，對象模型DOM和BOM，內置對象，常用事件，CSS樣式表，框架、音頻和Flash，Ajax技術。《JavaScript網頁特效案例教程》給出了豐富的案例，通過案例分析、相關知識、操作步驟、操作練習這四個點來講解，並在最後給出一個綜合演練案例。
《JavaScript網頁特效案例教程》可作為高職、高專院校教材，也可供中職、中專院校以及技術培訓機構相關專業學生作為教材使用，同時可作為廣大網頁製作愛好者或製作特效網頁的網路軟體開發人員的參考資料。
圖書目錄
前言
第1章 第一個JavaScript程式
1.1 了解JavaScript
1.2 安裝使用JavaScript編寫工具
1.3 編寫第一個JavaScript程式
1.4 JavaScript基本語法——變數與運算符
1.5 JavaScript基本語法——邏輯控制語句
1.6 其他典型案例
1.7 本章 小結
第2章 函式實現按鈕單擊事件
2.1 定義和調用無參函式
2.2 定義和調用有參函式
2.3 超連結用作按鈕
2.4 JavaScript內置函式
2.5 其他典型案例
2.6 本章 小結
第3章 對象模型DOM和BOM
3.1 DOM獲得網頁元素
3.2 DOM的document對象
3.3 BOM的window對象
3.4 BOM的history和location對象
3.5 其他典型案例
3.6 本章 小結
第4章 內置對象
4.1 Date對象
4.2 String對象
4.3 Math對象
4.4 Array對象（一維數組）
4.5 Array對象（二維數組）
4.6 其他典型案例
4.7 本章 小結
第5章 常用事件
5.1 事件與事件處理程式的調用
5.2 鍵盤滑鼠事件
5.3 頁面相關事件
5.4 表單事件
5.5 編輯事件
5.6 其他典型案例
5.7 本章 小結
第6章 CSS樣式表
6.1 CSS樣式表基礎
6.2 常用樣式組合
6.3 層的顯示隱藏效果
6.4 層的高級套用
6.5 其他典型案例
6.6 本章 小結
第7章 框架、音頻和flash
7.1 使用框架
7.2 播放音頻
7.3 播放flash
7.4 本章 小結
第8章 Ajax技術
8.1 Ajax介紹
8.2 XMLHttpRequest對象
8.3 操作練習
8.4 本章 小結
第9章 “我的淘寶”網頁特效實現
9.1 案例描述
9.2 網站首頁
9.3 會員登錄
9.4 會員註冊
9.5 個人賬號管理
9.6 寶貝展示和買賣
9.7 購物車
附錄
附錄A 對象參考
附錄B JavaScript資源
參考文獻
2014年機械工業出版社出版圖書
基本信息
書名：JavaScript網頁特效案例教程
作者：楊旭超
I S B N：978-7-111-45596-7
層次：高職高專
出版社：機械工業出版社
出版時間：2014-3
開本：16開
版次：1
定價： ¥28.0
內容簡介
《JavaScript網頁效果案例設計》教材分為四部分共16章，前兩部分內容分別是HTML基礎篇和HTML案例篇，是Javascript教學內容的前導內容，這兩部分內容系統歸納了HTML基本語法規則與典型套用，便於讀者進一步夯實HTML基礎知識，為後續學習Javascript做好鋪墊。 第三部分為JavaScript基礎篇，主要介紹JavaScript的數據類型、基本語法知識，和基於對象的、基於事件的腳本案例套用，使學生能夠在了解相關理論的基礎上，具備相應的實際編程技能。 第四部分為JavaScript案例篇，擬以網頁設計的實戰項目為載體設計實例與教材內容，旨在通過項目驅動、案例教學，培養學生的網頁設計通用能力，培養創新型的套用人才。
目錄
前言
HTML 基礎篇
第 1 章 HTML 語法............................................ 2
1.1 HTML 入門.............................................. 2
1.1.1 HTML 簡介........................................ 2
1.1.2 HTML 基本結構以及書寫規範........ 2
1.2 文本........................................................... 4
1.2.1 常用文本標記.................................... 4
1.2.2 文本對齊設定.................................... 5
1.2.3 段落標記............................................ 5
1.3 列表........................................................... 7
1.3.1 有序列表標記.................................... 7
1.3.2 無序列表標記.................................... 7
1.3.3 其他列表標記.................................... 8
1.4 超連結....................................................... 8
1.4.1 超連結標記........................................ 8
1.4.2 超連結種類........................................ 9
1.5 圖像........................................................... 9
1.5.1 圖像格式............................................ 9
1.5.2 圖像標記............................................ 9
1.5.3 圖像標記屬性設定........................... 10
1.5.4 圖像的超連結................................... 10
1.6 表格...........................................................11
1.6.1 表格基本標記....................................11
1.6.2 表格標記屬性設定............................11
1.6.3 表格框線和背景設定....................... 12
1.6.4 修改表格的行屬性........................... 12
1.6.5 修改表格的單元格屬性................... 12
1.7 表單.......................................................... 13
1.7.1 表單標記........................................... 13
1.7.2 添加表單控制項................................... 14
1.8 多媒體...................................................... 18
1.8.1 動態文本............................................ 18
1.8.2 添加多媒體檔案................................ 18
HTML 案例篇
第 2 章 HTML 案例套用.................................. 20
2.1 HTML 檔案格式...................................... 20
2.2 文本綜合套用.......................................... 21
2.3 列表套用.................................................. 22
2.3.1 嵌套列表例子.................................... 22
2.3.2 定義列表例子.................................... 23
2.3.3 列表擴展知識.................................... 24
2.3.4 列表高級套用舉例............................ 24
2.4 超連結套用.............................................. 25
2.4.1 超連結綜合套用................................ 25
2.4.2 網頁中的錨記.................................... 26
2.5 圖像綜合套用.......................................... 27
2.6 表格套用.................................................. 28
2.6.1 表格綜合套用.................................... 28
2.6.2 表格高級套用舉例............................ 29
2.7 表單套用.................................................. 30
2.7.1 表單綜合套用.................................... 30
2.7.2 表單高級套用舉例............................ 31
2.8 多媒體套用.............................................. 33
2.8.1 設定動態文本.................................... 33
2.8.2 設定背景音樂.................................... 34
2.8.3 多媒體高級套用舉例........................ 34
JavaScript 基礎篇
第 3 章 JavaScript 基礎............................. 38
3.1 JavaScript 基本語法................................ 38
V
目錄
3.1.1 JavaScript 語法結構..........................38
3.1.2 基本數據類型....................................42
3.1.3 程式的流程控制................................43
案例 3.1 .............................................................44
案例 3.2 .............................................................45
3.1.4 函式....................................................46
案例 3.3 .............................................................47
3.1.5 如何運行和調試 JavaScript 腳本.....48
3.1.6 全局變數與局部變數........................50
案例 3.4 .............................................................50
案例 3.5 .............................................................51
案例 3.6 .............................................................51
案例 3.7 .............................................................52
3.1.7 參數個數可變的函式........................53
案例 3.8 .............................................................53
3.1.8 創建動態函式....................................54
案例 3.9 .............................................................54
3.1.9 系統函式............................................55
案例 3.10 ...........................................................55
3.2 對象..........................................................56
3.2.1 對象與對象實例................................57
案例 3.11 ...........................................................57
案例 3.12 ...........................................................58
案例 3.13 ...........................................................59
3.2.2 構造方法與 this 關鍵字....................60
案例 3.14 ...........................................................60
3.2.3 在函式中修改參數值的問題............61
案例 3.15 ...........................................................61
案例 3.16 ...........................................................62
3.2.4 JavaScript 的內部對象......................63
3.2.5 Object 對象........................................63
案例 3.17 ...........................................................63
3.2.6 String 對象.........................................64
3.2.7 Math 對象..........................................65
3.2.8 Date 對象...........................................66
案例 3.18 ...........................................................66
3.2.9 toString()方法.....................................67
案例 3.19............................................................67
3.2.10 專門用於對象的語句......................67
案例 3.20............................................................68
案例 3.21............................................................68
案例 3.22............................................................69
3.3 數組...........................................................70
案例 3.23............................................................70
案例 3.24............................................................71
案例 3.25............................................................71
案例 3.26............................................................72
案例 3.27............................................................73
3.4 JavaScript HTML DOM ...........................74
3.4.1 HTML DOM 對象構造樹..................74
3.4.2 DHTML..............................................74
3.4.3 事件與事件驅動................................75
3.4.4 如何編寫事件處理程式....................75
案例 3.28............................................................76
案例 3.29............................................................76
3.4.5 通用事件............................................76
3.5 window 對象.............................................77
3.5.1 window 對象的屬性..........................77
3.5.2 window 對象的方法..........................77
案例 3.30............................................................77
案例 3.31............................................................78
案例 3.32............................................................79
3.5.3 window 對象的事件..........................79
案例 3.33............................................................80
3.5.4 window 對象的對象屬性..................80
案例 3.34............................................................82
3.6 document 對象..........................................83
3.6.1 document 對象的屬性.......................83
案例 3.35............................................................83
3.6.2 document 對象的方法.......................85
案例 3.36............................................................85
案例 3.37............................................................86
VI
JavaScript 網頁特效案例教程
案例 3.38........................................................... 88
3.6.3 document 對象的事件....................... 89
3.6.4 document 對象的對象屬性............... 89
案例 3.39........................................................... 89
案例 3.40........................................................... 90
案例 3.41........................................................... 92
3.7 body 對象................................................. 94
3.7.1 body 對象的方法.............................. 94
3.7.2 body 對象的屬性.............................. 94
案例 3.42........................................................... 95
案例 3.43........................................................... 97
案例 3.44........................................................... 98
案例 3.45........................................................... 99
案例 3.46........................................................... 99
3.7.3 body 對象的事件............................. 100
3.7.4 body 對象的對象屬性..................... 100
3.8 form 對象與表單元素............................ 100
3.8.1 form 對象及其屬性.......................... 101
3.8.2 form 對象的方法.............................. 102
案例 3.47.......................................................... 102
案例 3.48.......................................................... 104
案例 3.49.......................................................... 105
3.8.3 form 對象的事件.............................. 105
案例 3.50.......................................................... 105
3.8.4 form 對象的對象屬性...................... 106
3.8.5 form 表單欄位元素的屬性.............. 107
3.8.6 form 表單欄位元素的方法.............. 107
3.8.7 form 表單欄位元素的事件.............. 107
案例 3.51.......................................................... 108
案例 3.52.......................................................... 108
3.8.8 列表框（select）的屬性................. 109
案例 3.53...........................................................110
3.8.9 form 表單提交的幾種方法...............111
3.9 編寫兼容IE和NS的JavaScript代碼....112
3.9.1 檢查瀏覽器的類別...........................112
3.9.2 層對象的引用...................................113
3.9.3 CSS-P 屬性的引用........................... 113
3.9.4 層的定位........................................... 114
3.9.5 修改和引用層中的內容................... 114
JavaScript 套用篇
第 4 章 視窗案例套用.................................. 120
案例 4.1 ............................................................ 120
案例 4.2 ............................................................ 122
案例 4.3 ............................................................ 123
案例 4.4 ............................................................ 124
案例 4.5 ............................................................ 126
第 5 章 日期案例套用.................................. 129
案例 5.1 ............................................................ 129
案例 5.2 ............................................................ 130
案例 5.3 ............................................................ 133
案例 5.4 ............................................................ 134
案例 5.5 ............................................................ 135
案例 5.6 ............................................................ 136
案例 5.7 ............................................................ 137
案例 5.8 ............................................................ 139
第 6 章 狀態欄效果案例套用.................... 143
案例 6.1 ............................................................ 143
案例 6.2 ............................................................ 145
案例 6.3 ............................................................ 146
第 7 章 文本框案例套用............................. 149
案例 7.1 ............................................................ 149
案例 7.2 ............................................................ 152
案例 7.3 ............................................................ 153
第 8 章 頁面內容案例套用......................... 155
案例 8.1 ............................................................ 155
案例 8.2 ............................................................ 156
案例 8.3 ............................................................ 156
案例 8.4 ............................................................ 157
案例 8.5 ............................................................ 158
案例 8.6 ............................................................ 159
案例 8.7 ............................................................ 159
VII
目錄
案例 8.8 ............................................................160
案例 8.9 ............................................................161
第 9 章 動態層案例套用.............................165
案例 9.1 ............................................................165
案例 9.2 ............................................................166
案例 9.3 ............................................................168
案例 9.4 ............................................................169
第 10 章 選單案例套用................................171
案例 10.1 ..........................................................171
案例 10.2 ..........................................................173
第 11 章 滾動設計案例套用.......................176
案例 11.1 ..........................................................176
案例 11.2 ..........................................................177
第 12 章 圖文效果變換案例套用.............180
案例 12.1 ..........................................................180
案例 12.2 ..........................................................181
案例 12.3 ..........................................................183
案例 12.4 ..........................................................185
第 13 章 動態數據表單案例套用.............188
案例 13.1 ..........................................................188
案例 13.2 ..........................................................189
案例 13.3 ..........................................................190
案例 13.4 ..........................................................191
案例 13.5...........................................................192
案例 13.6...........................................................195
案例 13.7...........................................................196
案例 13.8...........................................................197
案例 13.9...........................................................199
案例 13.10.........................................................202
案例 13.11.........................................................203
第 14 章 滑鼠效果案例套用.......................205
案例 14.1...........................................................205
案例 14.2...........................................................206
案例 14.3...........................................................208
第 15 章 編寫兼容IE 和 NS 的
JavaScript 代碼案例套用........211
案例 15.1...........................................................211
案例 15.2...........................................................212
第 16 章 其他常用效果案例套用..............213
案例 16.1...........................................................213
案例 16.2...........................................................213
案例 16.3...........................................................215
案例 16.4...........................................................217
案例 16.5...........................................................218
參考文獻..............................................................220
HTML 基礎篇
第 1 章 HTML 語法............................................ 2
1.1 HTML 入門.............................................. 2
1.1.1 HTML 簡介........................................ 2
1.1.2 HTML 基本結構以及書寫規範........ 2
1.2 文本........................................................... 4
1.2.1 常用文本標記.................................... 4
1.2.2 文本對齊設定.................................... 5
1.2.3 段落標記............................................ 5
1.3 列表........................................................... 7
1.3.1 有序列表標記.................................... 7
1.3.2 無序列表標記.................................... 7
1.3.3 其他列表標記.................................... 8
1.4 超連結....................................................... 8
1.4.1 超連結標記........................................ 8
1.4.2 超連結種類........................................ 9
1.5 圖像........................................................... 9
1.5.1 圖像格式............................................ 9
1.5.2 圖像標記............................................ 9
1.5.3 圖像標記屬性設定........................... 10
1.5.4 圖像的超連結................................... 10
1.6 表格...........................................................11
1.6.1 表格基本標記....................................11
1.6.2 表格標記屬性設定............................11
1.6.3 表格框線和背景設定....................... 12
1.6.4 修改表格的行屬性........................... 12
1.6.5 修改表格的單元格屬性................... 12
1.7 表單.......................................................... 13
1.7.1 表單標記........................................... 13
1.7.2 添加表單控制項................................... 14
1.8 多媒體...................................................... 18
1.8.1 動態文本............................................ 18
1.8.2 添加多媒體檔案................................ 18
HTML 案例篇
第 2 章 HTML 案例套用.................................. 20
2.1 HTML 檔案格式...................................... 20
2.2 文本綜合套用.......................................... 21
2.3 列表套用.................................................. 22
2.3.1 嵌套列表例子.................................... 22
2.3.2 定義列表例子.................................... 23
2.3.3 列表擴展知識.................................... 24
2.3.4 列表高級套用舉例............................ 24
2.4 超連結套用.............................................. 25
2.4.1 超連結綜合套用................................ 25
2.4.2 網頁中的錨記.................................... 26
2.5 圖像綜合套用.......................................... 27
2.6 表格套用.................................................. 28
2.6.1 表格綜合套用.................................... 28
2.6.2 表格高級套用舉例............................ 29
2.7 表單套用.................................................. 30
2.7.1 表單綜合套用.................................... 30
2.7.2 表單高級套用舉例............................ 31
2.8 多媒體套用.............................................. 33
2.8.1 設定動態文本.................................... 33
2.8.2 設定背景音樂.................................... 34
2.8.3 多媒體高級套用舉例........................ 34
JavaScript 基礎篇
第 3 章 JavaScript 基礎............................. 38
3.1 JavaScript 基本語法................................ 38
V
目錄
3.1.1 JavaScript 語法結構..........................38
3.1.2 基本數據類型....................................42
3.1.3 程式的流程控制................................43
案例 3.1 .............................................................44
案例 3.2 .............................................................45
3.1.4 函式....................................................46
案例 3.3 .............................................................47
3.1.5 如何運行和調試 JavaScript 腳本.....48
3.1.6 全局變數與局部變數........................50
案例 3.4 .............................................................50
案例 3.5 .............................................................51
案例 3.6 .............................................................51
案例 3.7 .............................................................52
3.1.7 參數個數可變的函式........................53
案例 3.8 .............................................................53
3.1.8 創建動態函式....................................54
案例 3.9 .............................................................54
3.1.9 系統函式............................................55
案例 3.10 ...........................................................55
3.2 對象..........................................................56
3.2.1 對象與對象實例................................57
案例 3.11 ...........................................................57
案例 3.12 ...........................................................58
案例 3.13 ...........................................................59
3.2.2 構造方法與 this 關鍵字....................60
案例 3.14 ...........................................................60
3.2.3 在函式中修改參數值的問題............61
案例 3.15 ...........................................................61
案例 3.16 ...........................................................62
3.2.4 JavaScript 的內部對象......................63
3.2.5 Object 對象........................................63
案例 3.17 ...........................................................63
3.2.6 String 對象.........................................64
3.2.7 Math 對象..........................................65
3.2.8 Date 對象...........................................66
案例 3.18 ...........................................................66
3.2.9 toString()方法.....................................67
案例 3.19............................................................67
3.2.10 專門用於對象的語句......................67
案例 3.20............................................................68
案例 3.21............................................................68
案例 3.22............................................................69
3.3 數組...........................................................70
案例 3.23............................................................70
案例 3.24............................................................71
案例 3.25............................................................71
案例 3.26............................................................72
案例 3.27............................................................73
3.4 JavaScript HTML DOM ...........................74
3.4.1 HTML DOM 對象構造樹..................74
3.4.2 DHTML..............................................74
3.4.3 事件與事件驅動................................75
3.4.4 如何編寫事件處理程式....................75
案例 3.28............................................................76
案例 3.29............................................................76
3.4.5 通用事件............................................76
3.5 window 對象.............................................77
3.5.1 window 對象的屬性..........................77
3.5.2 window 對象的方法..........................77
案例 3.30............................................................77
案例 3.31............................................................78
案例 3.32............................................................79
3.5.3 window 對象的事件..........................79
案例 3.33............................................................80
3.5.4 window 對象的對象屬性..................80
案例 3.34............................................................82
3.6 document 對象..........................................83
3.6.1 document 對象的屬性.......................83
案例 3.35............................................................83
3.6.2 document 對象的方法.......................85
案例 3.36............................................................85
案例 3.37............................................................86
VI
JavaScript 網頁特效案例教程
案例 3.38........................................................... 88
3.6.3 document 對象的事件....................... 89
3.6.4 document 對象的對象屬性............... 89
案例 3.39........................................................... 89
案例 3.40........................................................... 90
案例 3.41........................................................... 92
3.7 body 對象................................................. 94
3.7.1 body 對象的方法.............................. 94
3.7.2 body 對象的屬性.............................. 94
案例 3.42........................................................... 95
案例 3.43........................................................... 97
案例 3.44........................................................... 98
案例 3.45........................................................... 99
案例 3.46........................................................... 99
3.7.3 body 對象的事件............................. 100
3.7.4 body 對象的對象屬性..................... 100
3.8 form 對象與表單元素............................ 100
3.8.1 form 對象及其屬性.......................... 101
3.8.2 form 對象的方法.............................. 102
案例 3.47.......................................................... 102
案例 3.48.......................................................... 104
案例 3.49.......................................................... 105
3.8.3 form 對象的事件.............................. 105
案例 3.50.......................................................... 105
3.8.4 form 對象的對象屬性...................... 106
3.8.5 form 表單欄位元素的屬性.............. 107
3.8.6 form 表單欄位元素的方法.............. 107
3.8.7 form 表單欄位元素的事件.............. 107
案例 3.51.......................................................... 108
案例 3.52.......................................................... 108
3.8.8 列表框（select）的屬性................. 109
案例 3.53...........................................................110
3.8.9 form 表單提交的幾種方法...............111
3.9 編寫兼容IE和NS的JavaScript代碼....112
3.9.1 檢查瀏覽器的類別...........................112
3.9.2 層對象的引用...................................113
3.9.3 CSS-P 屬性的引用........................... 113
3.9.4 層的定位........................................... 114
3.9.5 修改和引用層中的內容................... 114
JavaScript 套用篇
第 4 章 視窗案例套用.................................. 120
案例 4.1 ............................................................ 120
案例 4.2 ............................................................ 122
案例 4.3 ............................................................ 123
案例 4.4 ............................................................ 124
案例 4.5 ............................................................ 126
第 5 章 日期案例套用.................................. 129
案例 5.1 ............................................................ 129
案例 5.2 ............................................................ 130
案例 5.3 ............................................................ 133
案例 5.4 ............................................................ 134
案例 5.5 ............................................................ 135
案例 5.6 ............................................................ 136
案例 5.7 ............................................................ 137
案例 5.8 ............................................................ 139
第 6 章 狀態欄效果案例套用.................... 143
案例 6.1 ............................................................ 143
案例 6.2 ............................................................ 145
案例 6.3 ............................................................ 146
第 7 章 文本框案例套用............................. 149
案例 7.1 ............................................................ 149
案例 7.2 ............................................................ 152
案例 7.3 ............................................................ 153
第 8 章 頁面內容案例套用......................... 155
案例 8.1 ............................................................ 155
案例 8.2 ............................................................ 156
案例 8.3 ............................................................ 156
案例 8.4 ............................................................ 157
案例 8.5 ............................................................ 158
案例 8.6 ............................................................ 159
案例 8.7 ............................................................ 159
VII
目錄
案例 8.8 ............................................................160
案例 8.9 ............................................................161
第 9 章 動態層案例套用.............................165
案例 9.1 ............................................................165
案例 9.2 ............................................................166
案例 9.3 ............................................................168
案例 9.4 ............................................................169
第 10 章 選單案例套用................................171
案例 10.1 ..........................................................171
案例 10.2 ..........................................................173
第 11 章 滾動設計案例套用.......................176
案例 11.1 ..........................................................176
案例 11.2 ..........................................................177
第 12 章 圖文效果變換案例套用.............180
案例 12.1 ..........................................................180
案例 12.2 ..........................................................181
案例 12.3 ..........................................................183
案例 12.4 ..........................................................185
第 13 章 動態數據表單案例套用.............188
案例 13.1 ..........................................................188
案例 13.2 ..........................................................189
案例 13.3 ..........................................................190
案例 13.4 ..........................................................191
案例 13.5...........................................................192
案例 13.6...........................................................195
案例 13.7...........................................................196
案例 13.8...........................................................197
案例 13.9...........................................................199
案例 13.10.........................................................202
案例 13.11.........................................................203
第 14 章 滑鼠效果案例套用.......................205
案例 14.1...........................................................205
案例 14.2...........................................................206
案例 14.3...........................................................208
第 15 章 編寫兼容IE 和 NS 的
JavaScript 代碼案例套用........211
案例 15.1...........................................................211
案例 15.2...........................................................212
第 16 章 其他常用效果案例套用..............213
案例 16.1...........................................................213
案例 16.2...........................................................213
案例 16.3...........................................................215
案例 16.4...........................................................217
案例 16.5...........................................................218
參考文獻..............................................................220
