JavaScript網(wǎng)頁特效案例教程

前言 
HTML 基礎(chǔ)篇 
第 1 章 HTML 語法............................................ 2 
1.1 HTML 入門.............................................. 2 
1.1.1 HTML 簡介........................................ 2 
1.1.2 HTML 基本結(jié)構(gòu)以及書寫規(guī)范........ 2 
1.2 文本........................................................... 4 
1.2.1 常用文本標(biāo)記.................................... 4 
1.2.2 文本對(duì)齊設(shè)置.................................... 5 
1.2.3 段落標(biāo)記............................................ 5 
1.3 列表........................................................... 7 
1.3.1 有序列表標(biāo)記.................................... 7 
1.3.2 無序列表標(biāo)記.................................... 7 
1.3.3 其他列表標(biāo)記.................................... 8 
1.4 超鏈接....................................................... 8 
1.4.1 超鏈接標(biāo)記........................................ 8 
1.4.2 超鏈接種類........................................ 9 
1.5 圖像........................................................... 9 
1.5.1 圖像格式............................................ 9 
1.5.2 圖像標(biāo)記............................................ 9 
1.5.3 圖像標(biāo)記屬性設(shè)置........................... 10 
1.5.4 圖像的超鏈接................................... 10 
1.6 表格...........................................................11 
1.6.1 表格基本標(biāo)記....................................11 
1.6.2 表格標(biāo)記屬性設(shè)置............................11 
1.6.3 表格邊框和背景設(shè)置....................... 12 
1.6.4 修改表格的行屬性........................... 12 
1.6.5 修改表格的單元格屬性................... 12 
1.7 表單.......................................................... 13 
1.7.1 表單標(biāo)記........................................... 13 
1.7.2 添加表單控件................................... 14 
1.8 多媒體...................................................... 18 
1.8.1 動(dòng)態(tài)文本............................................ 18 
1.8.2 添加多媒體文件................................ 18 
HTML 案例篇 
第 2 章 HTML 案例應(yīng)用.................................. 20 
2.1 HTML 文件格式...................................... 20 
2.2 文本綜合應(yīng)用.......................................... 21 
2.3 列表應(yīng)用.................................................. 22 
2.3.1 嵌套列表例子.................................... 22 
2.3.2 定義列表例子.................................... 23 
2.3.3 列表擴(kuò)展知識(shí).................................... 24 
2.3.4 列表高級(jí)應(yīng)用舉例............................ 24 
2.4 超鏈接應(yīng)用.............................................. 25 
2.4.1 超鏈接綜合應(yīng)用................................ 25 
2.4.2 網(wǎng)頁中的錨記.................................... 26 
2.5 圖像綜合應(yīng)用.......................................... 27 
2.6 表格應(yīng)用.................................................. 28 
2.6.1 表格綜合應(yīng)用.................................... 28 
2.6.2 表格高級(jí)應(yīng)用舉例............................ 29 
2.7 表單應(yīng)用.................................................. 30 
2.7.1 表單綜合應(yīng)用.................................... 30 
2.7.2 表單高級(jí)應(yīng)用舉例............................ 31 
2.8 多媒體應(yīng)用.............................................. 33 
2.8.1 設(shè)置動(dòng)態(tài)文本.................................... 33 
2.8.2 設(shè)置背景音樂.................................... 34 
2.8.3 多媒體高級(jí)應(yīng)用舉例........................ 34 
JavaScript 基礎(chǔ)篇 
第 3 章 JavaScript 基礎(chǔ)............................. 38 
3.1 JavaScript 基本語法................................ 38 
V 
目錄 
3.1.1 JavaScript 語法結(jié)構(gòu)..........................38 
3.1.2 基本數(shù)據(jù)類型....................................42 
3.1.3 程序的流程控制................................43 
案例 3.1 .............................................................44 
案例 3.2 .............................................................45 
3.1.4 函數(shù)....................................................46 
案例 3.3 .............................................................47 
3.1.5 如何運(yùn)行和調(diào)試 JavaScript 腳本.....48 
3.1.6 全局變量與局部變量........................50 
案例 3.4 .............................................................50 
案例 3.5 .............................................................51 
案例 3.6 .............................................................51 
案例 3.7 .............................................................52 
3.1.7 參數(shù)個(gè)數(shù)可變的函數(shù)........................53 
案例 3.8 .............................................................53 
3.1.8 創(chuàng)建動(dòng)態(tài)函數(shù)....................................54 
案例 3.9 .............................................................54 
3.1.9 系統(tǒng)函數(shù)............................................55 
案例 3.10 ...........................................................55 
3.2 對(duì)象..........................................................56 
3.2.1 對(duì)象與對(duì)象實(shí)例................................57 
案例 3.11 ...........................................................57 
案例 3.12 ...........................................................58 
案例 3.13 ...........................................................59 
3.2.2 構(gòu)造方法與 this 關(guān)鍵字....................60 
案例 3.14 ...........................................................60 
3.2.3 在函數(shù)中修改參數(shù)值的問題............61 
案例 3.15 ...........................................................61 
案例 3.16 ...........................................................62 
3.2.4 JavaScript 的內(nèi)部對(duì)象......................63 
3.2.5 Object 對(duì)象........................................63 
案例 3.17 ...........................................................63 
3.2.6 String 對(duì)象.........................................64 
3.2.7 Math 對(duì)象..........................................65 
3.2.8 Date 對(duì)象...........................................66 
案例 3.18 ...........................................................66 
3.2.9 toString()方法.....................................67 
案例 3.19............................................................67 
3.2.10 專門用于對(duì)象的語句......................67 
案例 3.20............................................................68 
案例 3.21............................................................68 
案例 3.22............................................................69 
3.3 數(shù)組...........................................................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 對(duì)象構(gòu)造樹..................74 
3.4.2 DHTML..............................................74 
3.4.3 事件與事件驅(qū)動(dòng)................................75 
3.4.4 如何編寫事件處理程序....................75 
案例 3.28............................................................76 
案例 3.29............................................................76 
3.4.5 通用事件............................................76 
3.5 window 對(duì)象.............................................77 
3.5.1 window 對(duì)象的屬性..........................77 
3.5.2 window 對(duì)象的方法..........................77 
案例 3.30............................................................77 
案例 3.31............................................................78 
案例 3.32............................................................79 
3.5.3 window 對(duì)象的事件..........................79 
案例 3.33............................................................80 
3.5.4 window 對(duì)象的對(duì)象屬性..................80 
案例 3.34............................................................82 
3.6 document 對(duì)象..........................................83 
3.6.1 document 對(duì)象的屬性.......................83 
案例 3.35............................................................83 
3.6.2 document 對(duì)象的方法.......................85 
案例 3.36............................................................85 
案例 3.37............................................................86 
VI 
JavaScript 網(wǎng)頁特效案例教程 
案例 3.38........................................................... 88 
3.6.3 document 對(duì)象的事件....................... 89 
3.6.4 document 對(duì)象的對(duì)象屬性............... 89 
案例 3.39........................................................... 89 
案例 3.40........................................................... 90 
案例 3.41........................................................... 92 
3.7 body 對(duì)象................................................. 94 
3.7.1 body 對(duì)象的方法.............................. 94 
3.7.2 body 對(duì)象的屬性.............................. 94 
案例 3.42........................................................... 95 
案例 3.43........................................................... 97 
案例 3.44........................................................... 98 
案例 3.45........................................................... 99 
案例 3.46........................................................... 99 
3.7.3 body 對(duì)象的事件............................. 100 
3.7.4 body 對(duì)象的對(duì)象屬性..................... 100 
3.8 form 對(duì)象與表單元素............................ 100 
3.8.1 form 對(duì)象及其屬性.......................... 101 
3.8.2 form 對(duì)象的方法.............................. 102 
案例 3.47.......................................................... 102 
案例 3.48.......................................................... 104 
案例 3.49.......................................................... 105 
3.8.3 form 對(duì)象的事件.............................. 105 
案例 3.50.......................................................... 105 
3.8.4 form 對(duì)象的對(duì)象屬性...................... 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 層對(duì)象的引用...................................113 
3.9.3 CSS-P 屬性的引用........................... 113 
3.9.4 層的定位........................................... 114 
3.9.5 修改和引用層中的內(nèi)容................... 114 
JavaScript 應(yīng)用篇 
第 4 章 窗口案例應(yīng)用.................................. 120 
案例 4.1 ............................................................ 120 
案例 4.2 ............................................................ 122 
案例 4.3 ............................................................ 123 
案例 4.4 ............................................................ 124 
案例 4.5 ............................................................ 126 
第 5 章 日期案例應(yīng)用.................................. 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 章 狀態(tài)欄效果案例應(yīng)用.................... 143 
案例 6.1 ............................................................ 143 
案例 6.2 ............................................................ 145 
案例 6.3 ............................................................ 146 
第 7 章 文本框案例應(yīng)用............................. 149 
案例 7.1 ............................................................ 149 
案例 7.2 ............................................................ 152 
案例 7.3 ............................................................ 153 
第 8 章 頁面內(nèi)容案例應(yīng)用......................... 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 章 動(dòng)態(tài)層案例應(yīng)用.............................165 
案例 9.1 ............................................................165 
案例 9.2 ............................................................166 
案例 9.3 ............................................................168 
案例 9.4 ............................................................169 
第 10 章 菜單案例應(yīng)用................................171 
案例 10.1 ..........................................................171 
案例 10.2 ..........................................................173 
第 11 章 滾動(dòng)設(shè)計(jì)案例應(yīng)用.......................176 
案例 11.1 ..........................................................176 
案例 11.2 ..........................................................177 
第 12 章 圖文效果變換案例應(yīng)用.............180 
案例 12.1 ..........................................................180 
案例 12.2 ..........................................................181 
案例 12.3 ..........................................................183 
案例 12.4 ..........................................................185 
第 13 章 動(dòng)態(tài)數(shù)據(jù)表單案例應(yīng)用.............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 章 鼠標(biāo)效果案例應(yīng)用.......................205 
案例 14.1...........................................................205 
案例 14.2...........................................................206 
案例 14.3...........................................................208 
第 15 章 編寫兼容IE 和 NS 的 
JavaScript 代碼案例應(yīng)用........211 
案例 15.1...........................................................211 
案例 15.2...........................................................212 
第 16 章 其他常用效果案例應(yīng)用..............213 
案例 16.1...........................................................213 
案例 16.2...........................................................213 
案例 16.3...........................................................215 
案例 16.4...........................................................217 
案例 16.5...........................................................218 
參考文獻(xiàn)..............................................................220