第1章JavaScript概述1

1.1JavaScript簡介1

1.2JavaScript的編輯工具2

1.3JavaScript的嵌入4

1.4上機(jī)練習(xí)6

第2章JavaScript基礎(chǔ)8

2.1JavaScript的語法規(guī)則8

2.2數(shù)據(jù)類型10

2.3運算符和表達(dá)式11

2.4上機(jī)練習(xí)13

2.5流程控制16

2.5.1選擇結(jié)構(gòu)16

2.5.2循環(huán)結(jié)構(gòu)21

2.6函數(shù)23

2.6.1函數(shù)的定義和調(diào)用24

2.6.2帶有返回值的函數(shù)25

2.6.3變量的作用域26

第3章應(yīng)用CSS28

3.1CSS概述28

3.1.1CSS的優(yōu)點28

3.1.2如何編輯CSS29

3.2CSS選擇器30

3.2.1CSS基本語法30

3.2.2標(biāo)簽選擇器31

3.2.3類選擇器31

3.2.4ID選擇器32

3.2.5其他選擇器33

3.3CSS的使用方法37

3.3.1行內(nèi)樣式37

3.3.2內(nèi)嵌式38

3.3.3鏈接式39

3.3.4導(dǎo)入樣式40

3.3.5用腳本來運用CSS樣式42

3.4CSS應(yīng)用43

3.4.1長度單位和顏色單位43

3.4.2CSS設(shè)置字體44

3.4.3CSS設(shè)置文本47

3.4.4CSS設(shè)置圖像51

3.4.5CSS設(shè)置背景52

3.4.6CSS設(shè)置超鏈接56

3.4.7CSS設(shè)置鼠標(biāo)特效57

3.4.8CSS制作實用菜單58

第4章DOM模型62

4.1DOM簡介62

4.2DOM編程基礎(chǔ)63

4.3DOM節(jié)點操作66

4.3.1獲取DOM中的元素66

4.3.2節(jié)點的常用屬性和方法70

4.3.3檢測節(jié)點類型71

4.3.4利用父子兄關(guān)系查找節(jié)點71

4.3.5設(shè)置節(jié)點屬性76

4.3.6創(chuàng)建和添加節(jié)點77

4.3.7刪除節(jié)點79

4.3.8替換節(jié)點80

4.3.9在特定節(jié)點前插入節(jié)點81

4.3.10在特定節(jié)點后插入節(jié)點82

4.4使用非標(biāo)準(zhǔn)DOM innerHTML屬性84

4.5DOM與CSS85

4.5.1三位一體的頁面85

4.5.2使用className屬性86

第5章JavaScript中的對象88

5.1對象的基本概念88

5.2內(nèi)置對象89

5.2.1字符串對象89

5.2.2數(shù)字對象91

5.2.3算數(shù)對象93

5.2.4日期對象95

5.2.5數(shù)組對象97

5.2.6瀏覽器對象99

5.2.7文檔對象100

5.2.8窗口對象103

第6章JavaScript中的事件與事件處理106

6.1事件及事件處理程序106

6.2JavaScript的常用事件107

6.2.1鍵盤事件107

6.2.2鼠標(biāo)事件108

6.2.3onload事件和onunload事件110

6.2.4表單事件112

第7章JavaScript網(wǎng)頁特效114

7.1文字特效114

7.1.1跑馬燈效果114

7.1.2打字效果115

7.1.3文字大小變化效果117

7.2圖片特效118

7.2.1改變頁面中圖片的位置118

7.2.2鼠標(biāo)拖動滑塊改變圖片大小119

7.2.3不斷閃爍的圖片122

7.3時間和日期特效123

7.3.1標(biāo)題欄顯示分時問候語123

7.3.2顯示當(dāng)前系統(tǒng)時間124

7.3.3星期查詢功能124

7.4鼠標(biāo)特效125

7.4.1屏蔽鼠標(biāo)右鍵125

7.4.2獲取鼠標(biāo)位置坐標(biāo)125

7.4.3移動改變鼠標(biāo)外觀126

7.5菜單特效128

7.5.1左鍵彈出菜單128

7.5.2下拉菜單129

7.5.3滾動菜單131

7.6表單特效136

7.6.1控制用戶輸入字符個數(shù)136

7.6.2設(shè)置單選按鈕138

7.6.3設(shè)置復(fù)選框139

7.6.4設(shè)置下拉菜單141

第8章jQuery基礎(chǔ)143

8.1jQuery概述143

8.1.1jQuery簡介143

8.1.2jQuery的功能151

8.1.3jQuery的特點152

8.1.4下載并使用jQuery152

8.2jQuery的“＄”153

8.2.1選擇器153

8.2.2功能函數(shù)前綴155

8.2.3解決window.onload函數(shù)的沖突155

8.2.4創(chuàng)建DOM元素156

8.2.5自定義添加“$”157

8.2.6解決“$”的沖突157

8.3jQuery對象與DOM對象157

8.4案例——我的第一個jQuery程序159

第9章jQuery選擇器161

9.1jQuery選擇器簡介161

9.2jQuery選擇器的分類161

9.3jQuery中元素屬性的操作163

9.3.1設(shè)置元素屬性164

9.3.2刪除元素屬性165

9.4jQuery中樣式類的操作165

9.4.1添加樣式類165

9.4.2移除樣式類167

9.4.3交替樣式類168

9.5jQuery中樣式屬性的操作169

9.5.1讀取樣式屬性169

9.5.2設(shè)置樣式屬性170

9.5.3設(shè)置元素偏移171

9.6jQuery中元素內(nèi)容的操作171

9.6.1操作HTML代碼172

9.6.2操作文本172

9.6.3操作表單元素的值173

9.7篩選與查找元素集中的元素175

第10章使用jQuery制作動畫與特效185

10.1顯示與隱藏效果185

10.1.1隱藏元素的hide()方法185

10.1.2顯示元素的show()方法186

10.1.3交替顯示隱藏元素188

10.2滑動效果191

10.2.1向上收縮效果191

10.2.2向下展開效果192

10.2.3交替伸縮效果193

10.3淡入淡出效果194

10.3.1淡入效果195

10.3.2淡出效果195

10.3.3交替淡入淡出效果196

10.3.4不透明效果197

10.4自定義動畫效果197

10.4.1自定義動畫197

10.4.2動畫隊列198

10.4.3動畫停止和延時199

第11章jQuery與AJAX203

11.1AJAX簡介203

11.1.1AJAX概述203

11.1.2AJAX原理和XmlHttpRequest對象203

11.1.3jQuery AJAX操作函數(shù)205

11.2jQuery中的AJAX方法206

11.2.1load()方法206

11.2.2$.get()方法和$.post()方法208

11.2.3$.getScript()方法和$.getJSON()方法210

11.2.4$.ajax()方法210

11.3jQuery中的AJAX事件211

第12章jQuery插件的開發(fā)與使用214

12.1jQuery插件214

12.2常用jQuery插件215

12.3開發(fā)自己的插件220

參考文獻(xiàn)224

第1章JavaScript概述1

1.1JavaScript簡介1

1.2JavaScript的編輯工具2

1.3JavaScript的嵌入4

1.4上機(jī)練習(xí)6

第2章JavaScript基礎(chǔ)8

2.1JavaScript的語法規(guī)則8

2.2數(shù)據(jù)類型10

2.3運算符和表達(dá)式11

2.4上機(jī)練習(xí)13

2.5流程控制16

2.5.1選擇結(jié)構(gòu)16

2.5.2循環(huán)結(jié)構(gòu)21

2.6函數(shù)23

2.6.1函數(shù)的定義和調(diào)用24

2.6.2帶有返回值的函數(shù)25

2.6.3變量的作用域26

第3章應(yīng)用CSS28

3.1CSS概述28

3.1.1CSS的優(yōu)點28

3.1.2如何編輯CSS29

3.2CSS選擇器29

3.2.1CSS基本語法30

3.2.2標(biāo)簽選擇器30

3.2.3類選擇器31

3.2.4ID選擇器31

3.2.5其他選擇器32

3.3CSS的使用方法36

3.3.1行內(nèi)樣式36

3.3.2內(nèi)嵌式37

3.3.3鏈接式38

3.3.4導(dǎo)入樣式39

3.3.5用腳本來運用CSS樣式40

3.4CSS應(yīng)用42

3.4.1長度單位和顏色單位42

3.4.2CSS設(shè)置字體43

3.4.3CSS設(shè)置文本46

3.4.4CSS設(shè)置圖像50

3.4.5CSS設(shè)置背景51

3.4.6CSS設(shè)置超鏈接55

3.4.7CSS設(shè)置鼠標(biāo)特效56

3.4.8CSS制作實用菜單57

第4章DOM模型61

4.1DOM簡介61

4.2DOM編程基礎(chǔ)62

4.3DOM節(jié)點操作65

4.3.1獲取DOM中的元素65

4.3.2節(jié)點的常用屬性和方法69

4.3.3檢測節(jié)點類型70

4.3.4利用父子兄關(guān)系查找節(jié)點70

4.3.5設(shè)置節(jié)點屬性75

4.3.6創(chuàng)建和添加節(jié)點76

4.3.7刪除節(jié)點78

4.3.8替換節(jié)點79

4.3.9在特定節(jié)點前插入節(jié)點80

4.3.10在特定節(jié)點后插入節(jié)點81

4.4使用非標(biāo)準(zhǔn)DOM innerHTML屬性83

4.5DOM與CSS84

4.5.1三位一體的頁面84

4.5.2使用className屬性85

第5章JavaScript中的對象87

5.1對象的基本概念 87

5.2內(nèi)置對象88

5.2.1字符串對象88

5.2.2數(shù)字對象90

5.2.3算數(shù)對象92

5.2.4日期對象94

5.2.5數(shù)組對象96

5.2.6瀏覽器對象98

5.2.7文檔對象99

5.2.8窗口對象102

第6章JavaScript中的事件與事件處理105

6.1事件及事件處理程序105

6.2JavaScript的常用事件106

6.2.1鍵盤事件106

6.2.2鼠標(biāo)事件107

6.2.3onload事件和onUnload事件109

6.2.4表單事件111

第7章JavaScript網(wǎng)頁特效113

7.1文字特效113

7.1.1跑馬燈效果113

7.1.2打字效果114

7.1.3文字大小變化效果116

7.2圖片特效117

7.2.1改變頁面中圖片的位置117

7.2.2鼠標(biāo)拖動滑塊改變圖片大小118

7.2.3不斷閃爍的圖片121

7.3時間和日期特效122

7.3.1標(biāo)題欄顯示分時問候語122

7.3.2顯示當(dāng)前系統(tǒng)時間123

7.3.3星期查詢功能123

7.4鼠標(biāo)特效123

7.4.1屏蔽鼠標(biāo)右鍵124

7.4.2獲取鼠標(biāo)位置坐標(biāo)124

7.4.3移動改變鼠標(biāo)外觀125

7.5菜單特效127

7.5.1左鍵彈出菜單127

7.5.2下拉菜單128

7.5.3滾動菜單129

7.6表單特效135

7.6.1控制用戶輸入字符個數(shù)135

7.6.2設(shè)置單選按鈕137

7.6.3設(shè)置復(fù)選框138

7.6.4設(shè)置下拉菜單140

第8章jQuery基礎(chǔ)142

8.1jQuery概述142

8.1.1jQuery簡介142

8.1.2jQuery的功能150

8.1.3jQuery的特點151

8.1.4下載并使用jQuery151

8.2jQuery的“＄”152

8.2.1選擇器152

8.2.2功能函數(shù)前綴154

8.2.3解決windows.onload函數(shù)的沖突154

8.2.4創(chuàng)建DOM元素155

8.2.5自定義添加“$”156

8.2.6解決“$”的沖突156

8.3jQuery對象與DOM對象156

8.4案例——我的第一個jQuery程序158

第9章jQuery選擇器160

9.1jQuery選擇器簡介160

9.2jQuery選擇器的分類160

9.3jQuery中元素屬性的操作162

9.3.1設(shè)置元素屬性163

9.3.2刪除元素屬性164

9.4jQuery中樣式類的操作164

9.4.1添加樣式類164

9.4.2移除樣式類166

9.4.3交替樣式類167

9.5jQuery中樣式屬性的操作168

9.5.1讀取樣式屬性168

9.5.2設(shè)置樣式屬性169

9.5.3設(shè)置元素偏移170

9.6jQuery中元素內(nèi)容的操作170

9.6.1操作HTML代碼170

9.6.2操作文本171

9.6.3操作表單元素的值172

9.7篩選與查找元素集中的元素173

第10章使用jQuery制作動畫與特效184

10.1顯示與隱藏效果184

10.1.1隱藏元素的hide()方法184

10.1.2顯示元素的show()方法185

10.1.3交替顯示隱藏元素187

10.2滑動效果190

10.2.1向上收縮效果190

10.2.2向下展開效果191

10.2.3交替伸縮效果192

10.3淡入淡出效果193

10.3.1淡入效果193

10.3.2淡出效果194

10.3.3交替淡入淡出效果195

10.3.4不透明效果195

10.4自定義動畫效果196

10.4.1自定義動畫196

10.4.2動畫隊列197

10.4.3動畫停止和延時198

第11章jQuery與AJAX202

11.1AJAX簡介202

11.1.1AJAX概述202

11.1.2AJAX原理和XmlHttpRequest對象202

11.1.3jQuery AJAX操作函數(shù)204

11.2jQuery中的AJAX方法205

11.2.1load()方法205

11.2.2$.get()方法和$.post()方法207

11.2.3$.getScript()方法和$.getJSON()方法209

11.2.4$.ajax()方法209

11.3jQuery中的AJAX事件210

第12章jQuery的插件的開發(fā)與使用213

12.1jQuery插件213

12.2常用jQuery插件214

12.3開發(fā)自己的插件219

參考文獻(xiàn)223