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