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