第1章JavaScript概述1

1.1JavaScript簡介1

1.2JavaScript的編輯工具2

1.3JavaScript的嵌入4

1.4上機練習6

第2章JavaScript基礎8

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

2.2數據類型10

2.3運算符和表達式11

2.4上機練習13

2.5流程控制16

2.5.1選擇結構16

2.5.2循環(huán)結構21

2.6函數23

2.6.1函數的定義和調用24

2.6.2帶有返回值的函數25

2.6.3變量的作用域26

第3章應用CSS28

3.1CSS概述28

3.1.1CSS的優(yōu)點28

3.1.2如何編輯CSS29

3.2CSS選擇器30

3.2.1CSS基本語法30

3.2.2標簽選擇器31

3.2.3類選擇器31

3.2.4ID選擇器32

3.2.5其他選擇器33

3.3CSS的使用方法37

3.3.1行內樣式37

3.3.2內嵌式38

3.3.3鏈接式39

3.3.4導入樣式40

3.3.5用腳本來運用CSS樣式42

3.4CSS應用43

3.4.1長度單位和顏色單位43

3.4.2CSS設置字體44

3.4.3CSS設置文本47

3.4.4CSS設置圖像51

3.4.5CSS設置背景52

3.4.6CSS設置超鏈接56

3.4.7CSS設置鼠標特效57

3.4.8CSS制作實用菜單58

第4章DOM模型62

4.1DOM簡介62

4.2DOM編程基礎63

4.3DOM節(jié)點操作66

4.3.1獲取DOM中的元素66

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

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

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

4.3.5設置節(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使用非標準DOM innerHTML屬性84

4.5DOM與CSS85

4.5.1三位一體的頁面85

4.5.2使用className屬性86

第5章JavaScript中的對象88

5.1對象的基本概念88

5.2內置對象89

5.2.1字符串對象89

5.2.2數字對象91

5.2.3算數對象93

5.2.4日期對象95

5.2.5數組對象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鼠標事件108

6.2.3onload事件和onunload事件110

6.2.4表單事件112

第7章JavaScript網頁特效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鼠標拖動滑塊改變圖片大小119

7.2.3不斷閃爍的圖片122

7.3時間和日期特效123

7.3.1標題欄顯示分時問候語123

7.3.2顯示當前系統時間124

7.3.3星期查詢功能124

7.4鼠標特效125

7.4.1屏蔽鼠標右鍵125

7.4.2獲取鼠標位置坐標125

7.4.3移動改變鼠標外觀126

7.5菜單特效128

7.5.1左鍵彈出菜單128

7.5.2下拉菜單129

7.5.3滾動菜單131

7.6表單特效136

7.6.1控制用戶輸入字符個數136

7.6.2設置單選按鈕138

7.6.3設置復選框139

7.6.4設置下拉菜單141

第8章jQuery基礎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功能函數前綴155

8.2.3解決window.onload函數的沖突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設置元素屬性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設置樣式屬性170

9.5.3設置元素偏移171

9.6jQuery中元素內容的操作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操作函數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

參考文獻224

第1章JavaScript概述1

1.1JavaScript簡介1

1.2JavaScript的編輯工具2

1.3JavaScript的嵌入4

1.4上機練習6

第2章JavaScript基礎8

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

2.2數據類型10

2.3運算符和表達式11

2.4上機練習13

2.5流程控制16

2.5.1選擇結構16

2.5.2循環(huán)結構21

2.6函數23

2.6.1函數的定義和調用24

2.6.2帶有返回值的函數25

2.6.3變量的作用域26

第3章應用CSS28

3.1CSS概述28

3.1.1CSS的優(yōu)點28

3.1.2如何編輯CSS29

3.2CSS選擇器29

3.2.1CSS基本語法30

3.2.2標簽選擇器30

3.2.3類選擇器31

3.2.4ID選擇器31

3.2.5其他選擇器32

3.3CSS的使用方法36

3.3.1行內樣式36

3.3.2內嵌式37

3.3.3鏈接式38

3.3.4導入樣式39

3.3.5用腳本來運用CSS樣式40

3.4CSS應用42

3.4.1長度單位和顏色單位42

3.4.2CSS設置字體43

3.4.3CSS設置文本46

3.4.4CSS設置圖像50

3.4.5CSS設置背景51

3.4.6CSS設置超鏈接55

3.4.7CSS設置鼠標特效56

3.4.8CSS制作實用菜單57

第4章DOM模型61

4.1DOM簡介61

4.2DOM編程基礎62

4.3DOM節(jié)點操作65

4.3.1獲取DOM中的元素65

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

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

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

4.3.5設置節(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使用非標準DOM innerHTML屬性83

4.5DOM與CSS84

4.5.1三位一體的頁面84

4.5.2使用className屬性85

第5章JavaScript中的對象87

5.1對象的基本概念 87

5.2內置對象88

5.2.1字符串對象88

5.2.2數字對象90

5.2.3算數對象92

5.2.4日期對象94

5.2.5數組對象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鼠標事件107

6.2.3onload事件和onUnload事件109

6.2.4表單事件111

第7章JavaScript網頁特效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鼠標拖動滑塊改變圖片大小118

7.2.3不斷閃爍的圖片121

7.3時間和日期特效122

7.3.1標題欄顯示分時問候語122

7.3.2顯示當前系統時間123

7.3.3星期查詢功能123

7.4鼠標特效123

7.4.1屏蔽鼠標右鍵124

7.4.2獲取鼠標位置坐標124

7.4.3移動改變鼠標外觀125

7.5菜單特效127

7.5.1左鍵彈出菜單127

7.5.2下拉菜單128

7.5.3滾動菜單129

7.6表單特效135

7.6.1控制用戶輸入字符個數135

7.6.2設置單選按鈕137

7.6.3設置復選框138

7.6.4設置下拉菜單140

第8章jQuery基礎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功能函數前綴154

8.2.3解決windows.onload函數的沖突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設置元素屬性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設置樣式屬性169

9.5.3設置元素偏移170

9.6jQuery中元素內容的操作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操作函數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

參考文獻223