杨磊、张志美编著的《JavaScript网页特效经典300例(附光盘)》的实例尽量求简，通过简单的编程代码直接反映JavaScript的基础知识和应用技巧，把大篇幅的理论介绍化简为零，分布在各个实例中，读者可以从中体会JavaScript灵活的机制和强大的功能。书中的大多数程序可在各类浏览器环境下调试通过，只有少量一些实例，比如HTML 5和CSS 3，则需要在版本较新的浏览器中运行。

HTML 5的流行让Web开发人员更关注JavaScript，目前会写原生JavaScript代码的人才稀缺，但学习JavaScript的人却越来越多。本书针对JavaScript的各个应用方向，列举了300个例子供初学者练习。

杨磊、张志美编著的《JavaScript网页特效经典300例(附光盘)》分为3篇26章，一共收集了300个典型实例，不仅涉及JavaScript的基础语法、开发技巧、对象支持等基础知识，还涵盖了各类常见的网页开发特效，包括图层、表单控件、表格、层等各类网页元素的特效应用，以及最新的HTML 5、CSS 3技术。最后，本书还用实例演示了流行JavaScript框架的应用，如Prototype、Dojo、YUI、jQuery等。

《JavaScript网页特效经典300例(附光盘)》的实例具有代表性，能直接应用于真实的开发实践中。可作为自学JavaScript语言和大、中专院校师生提高编程实践能力的指导教材，也可作为在职JavaScript开发人员的参考用书。

第1篇 JavaScript基础篇

第1章 网页特效 2

 实例001 自动刷新页面 2

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例002 让页面后退和前进 3

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例003 动态关闭页面 4

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例004 页面载入等待界面 5

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例005 若干秒后不操作自动关闭窗口 6

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例006 修改网页标题 7

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例007 禁止网页放入框架 8

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例008 跳转到其他页面 9

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例009 进入页面时的问候 10

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例010 在网页里动态加载JavaScript 11

 难度指数 ★★★☆☆ 占用时间 ○

 实例011 设为首页 12

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例012 收藏本页 13

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例013 判断页面是否加载完毕 14

 难度指数 ★★☆☆☆ 占用时间 ○

 实例014 避免浏览器使用缓存加载页面 16

 难度指数 ★☆☆☆☆ 占用时间 ○

 实例015 窗口打开时显示大广告图片及其自动关闭 17

 难度指数 ★☆☆☆☆ 占用时间 ○

 实例016 带关闭按钮的右下角图片广告 19

 难度指数 ★★★☆☆ 占用时间 ○○

第2章 DOM操作 21

 实例017 通过id获取网页中的某一部分 21

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例018 根据name获取网页中的全部复选框 22

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例019 根据标签名获取网页中的多个元素 23

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例020 遍历打印一个元素的所有属性 24

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例021 遍历HTML文档内容 26

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例022 动态创建网页新元素 27

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例023 删除元素 28

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例024 主动触发按钮的单击事件 29

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例025 替换元素内容 31

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例026 修改元素的属性值 32

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例027 引用同级的元素 33

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例028 克隆元素 34

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例029 隐藏或显示元素 35

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例030 倒排序子元素 36

 难度指数 ★★★☆☆ 占用时间 ○○

 实例031 删除所有的子元素 38

 难度指数 ★☆☆☆☆ 占用时间 ○○

第3章 控制表单控件 40

 实例032 遍历表单的所有控件 40

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例033 通过控件名访问特定的控件 41

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例034 修改控件的值 42

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例035 获取表单内文本框的个数 44

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例036 修改表单的提交方法 45

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例037 动态指定表单的动作属性 46

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例038 动态选择聚焦的控件 47

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例039 初始化表单里的所有控件的值到最初状态 48

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例040 为表单加上一个框 50

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例041 批量为所有的表单控件加一个说明 51

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例042 设置下拉菜单的值 53

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例043 使用隐藏控件为表单添加参数 54

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例044 勾选全部复选框 55

 难度指数 ★★☆☆☆ 占用时间 ○

 实例045 为表单的聚焦控件设置醒目的样式 57

 难度指数 ★★☆☆☆ 占用时间 ○○

第4章 窗口的控制和框架的互操作 59

 实例046 计算窗口内的框架数量 59

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例047 父框架对子框架的引用 60

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例048 子框架的互相引用 61

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例049 用top操作顶部框架 63

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例050 确保网页只能被框架载入 64

 难度指数 ★★★☆☆ 占用时间 ○○

 实例051 动态创建框架 65

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例052 打开一个新窗口 66

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例053 得到是谁打开了子窗口 67

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例054 通过子窗口获取数据输入 69

 难度指数 ★☆☆☆☆ 占用时间 ○

 实例055 随意改变框架的大小组合 70

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例056 巧用self操作当前文档所在的框架或窗口 72

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例057 iframe自适应高度 73

 难度指数 ★★★★☆ 占用时间 ○

 实例058 网页打开5秒后弹出广告窗口 75

 难度指数 ★★☆☆☆ 占用时间 ○○

第5章 鼠标特效 76

 实例059 禁用鼠标右键 76

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例060 动态定义鼠标指针形状 77

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例061 鼠标进出时字体大小变化 79

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例062 双击鼠标滚动到网页底部 80

 难度指数 ★☆☆☆☆ 占用时间 ○

 实例063 当按下鼠标左键时弹出广告窗口 81

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例064 鼠标放上链接出现不同的颜色 82

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例065 用鼠标拖动图片 83

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例066 让鼠标滑轮失效 85

 难度指数 ★★☆☆☆ 占用时间 ○○

第6章 按钮特效 87

 实例067 为按钮加上背景颜色 87

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例068 自定义按钮的click事件 88

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例069 不同的按钮提交不同的表单地址 89

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例070 在网页上为用户定义一个打印按钮 90

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例071 Enter键自动提交表单 91

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例072 按钮在单击以后就失效 92

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例073 删除按钮必需的提醒功能 93

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例074 图片式的按钮 94

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例075 通过单击按钮改变状态栏信息 95

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例076 不同的状态展示不同样式的按钮 96

 难度指数 ★★☆☆☆ 占用时间 ○

 实例077 注册按钮倒计时效果 98

 难度指数 ★★★☆☆ 占用时间 ○

 实例078 阅读完协议以后才可以单击的注册按钮 99

 难度指数 ★★★★☆ 占用时间 ○

 实例079 会变色的按钮 100

 难度指数 ★★☆☆☆ 占用时间 ○○

第7章 链接特效 102

 实例080 带下画线的链接 102

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例081 改变链接的单击事件 103

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例082 关闭窗口的那个“X”链接 104

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例083 用链接模拟一个按钮 105

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例084 用链接替代表单提交按钮 106

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例085 动态修改一个链接的地址 107

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例086 让所有链接都在新窗口中打开 108

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例087 让页面所有的超级链接都失效 109

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例088 为链接地址多加一个参数 110

 难度指数 ★★★☆☆ 占用时间 ○○

 实例089 回到顶部的链接 112

 难度指数 ★☆☆☆☆ 占用时间 ○

 实例090 需要确认的链接 113

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例091 几条链接交替显示 114

 难度指数 ★★☆☆☆ 占用时间 ○○

第8章 文本输入框和下拉菜单特效 116

 实例092 让文本框只带有下画线 116

 难度指数 ★☆☆☆☆ 占用时间 ○

 实例093 用正则表达式验证E-mail格式 117

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例094 首字母或全部字母大写 118

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例095 只能输入数字的文本框 120

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例096 判断汉字的个数 121

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例097 成为焦点时清除文本框内容 122

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例098 动态为下拉菜单设置项目 123

 难度指数 ★★★☆☆ 占用时间 ○○

 实例099 联动的省市下拉菜单 124

 难度指数 ★★★★☆ 占用时间 ○

 实例100 三级联动的省市县下拉菜单 126

 难度指数 ★★★★☆ 占用时间 ○

 实例101 用户输入完以后立刻进行格式校验 128

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例102 鼠标划过文本框改变其背景色 130

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例103 输入文字时文本框边框闪烁 131

 难度指数 ★★☆☆☆ 占用时间 ○○

第9章 层的应用 133

 实例104 从下往上的信息滚动特效 133

 难度指数 ★★☆☆☆ 占用时间 ○

 实例105 灯箱效果 134

 难度指数 ★★★★☆ 占用时间

 实例106 可以拖动的层 136

 难度指数 ★★☆☆☆ 占用时间 ○

 实例107 让层的叠放层次分明 138

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例108 随意改变层的尺寸 139

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例109 新闻切换特效 140

 难度指数 ★★★★☆ 占用时间

 实例110 悬浮的广告层 144

 难度指数 ★★☆☆☆ 占用时间

 实例111 由左向右地滚动广告 145

 难度指数 ★★★★☆ 占用时间 ○

 实例112 右下角的提示层 147

 难度指数 ★☆☆☆☆ 占用时间 ○

 实例113 带关闭按钮的右下角提示层 148

 难度指数 ★☆☆☆☆ 占用时间 ○

 实例114 底部工具栏 150

 难度指数 ★★★★☆ 占用时间

第10章 表格的控制 152

 实例115 动态地为表格中的单元格文字添加样式 152

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例116 动态加入一个新的表格行 153

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例117 可变样式的表格边框 154

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例118 克隆表格 156

 难度指数 ★★☆☆☆ 占用时间 ○

 实例119 将表格的数据根据某一列排序 157

 难度指数 ★★★☆☆ 占用时间 ○

 实例120 让表格行的背景颜色间隔开 159

 难度指数 ★☆☆☆☆ 占用时间 ○

 实例121 删除表格中的任意一行 161

 难度指数 ★★☆☆☆ 占用时间 ○

 实例122 隐藏表格数据 162

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例123 用背景色重点突出表格行 163

 难度指数 ★☆☆☆☆ 占用时间 ○

第2篇 JavaScript进阶篇

第11章 导航菜单特效 168

 实例124 简单的导航菜单 168

 难度指数 ★☆☆☆☆ 占用时间 ○

 实例125 凸显正在浏览的菜单项的导航菜单 169

 难度指数 ★★☆☆☆ 占用时间 ○

 实例126 二级导航菜单 170

 难度指数 ★★★☆☆ 占用时间

 实例127 三级导航菜单 173

 难度指数 ★★★☆☆ 占用时间

 实例128 动态加载导航菜单 175

 难度指数 ★★★★☆ 占用时间 ○

 实例129 三级联动导航菜单 177

 难度指数 ★★★★☆ 占用时间

 实例130 树形导航菜单 180

 难度指数 ★★★☆☆ 占用时间 ○

 实例131 当网页超过一屏时导航菜单始终置顶 182

 难度指数 ★★★☆☆ 占用时间 ○

第12章 日期和时间特效 184

 实例132 标题栏显示当前的日期 184

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例133 不同时段显示不同的标题欢迎词 185

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例134 不同月份显示不同的背景效果 186

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例135 倒计时效果 187

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例136 查看“今天是否为节假日” 188

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例137 每秒刷新的时间展示效果 190

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例138 日期输入框 191

 难度指数 ★★★☆☆ 占用时间 ○

 实例139 使用定时器 194

 难度指数 ★★★☆☆ 占用时间 ○○

 实例140 算出两个时间之间的时间差 195

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例141 用表格来完成一个日历特效 196

 难度指数 ★★★★☆ 占用时间

 实例142 月底和月初的网页标题各不相同 198

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例143 显示登录的时间 199

 难度指数 ★★☆☆☆ 占用时间 ○○

第13章 样式的操作 201

 实例144 不同浏览器加载不同的CSS文件 201

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例145 动态滤镜效果 202

 难度指数 ★★★☆☆ 占用时间 ○○

 实例146 访问外部定义的CSS样式 203

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例147 访问元素中style属性的CSS样式 204

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例148 切换样式表 206

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例149 让样式动起来 207

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例150 同时改变多个DOM的样式 208

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例151 隐藏和显示的切换效果 209

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例152 用JavaScript代码替代CSS实现链接样式 210

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例153 自定义错误样式 212

 难度指数 ★☆☆☆☆ 占用时间 ○○

第14章 网页中变量和函数的应用 214

 实例154 无处不在的变量 214

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例155 应用不同场景的变量类型 215

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例156 无所不能的变量载体 216

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例157 巧妙地使用内部变量 217

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例158 闭包的概念和使用 218

 难度指数 ★★★☆☆ 占用时间 ○

 实例159 使用动态的函数参数 219

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例160 调用动态函数 220

 难度指数 ★★★☆☆ 占用时间 ○○

第15章 图片特效 222

 实例161 仿iPhone图片查看器效果 222

 难度指数 ★★★☆☆ 占用时间 ○

 实例162 仿QQ空间相册效果 223

 难度指数 ★★☆☆☆ 占用时间

 实例163 放大镜特效 224

 难度指数 ★★★★☆ 占用时间

 实例164 让图片保持在层里的上下左右都居中 226

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例165 让图片自适应框的大小 228

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例166 图片新闻效果 229

 难度指数 ★★★☆☆ 占用时间

 实例167 为图片加上边框 231

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例168 显示图片的局部 232

 难度指数 ★★★☆☆ 占用时间 ○

 实例169 动态加载图片 233

 难度指数 ★★★☆☆ 占用时间 ○

 实例170 重新加载验证码图片 234

 难度指数 ★★☆☆☆ 占用时间 ○

 实例171 延迟加载图片 235

 难度指数 ★★★★☆ 占用时间

第16章 文件和打印的技巧 238

 实例172 判断文件上传的类型 238

 难度指数 ★★☆☆☆ 占用时间 ○

 实例173 单独打开一个页面来完成打印功能 239

 难度指数 ★★☆☆☆ 占用时间

 实例174 限制多文件上传的文件类型 241

 难度指数 ★★☆☆☆ 占用时间 ○

 实例175 上传图片以后显示缩略图 242

 难度指数 ★★★☆☆ 占用时间 ○

 实例176 在打印内容里隐藏打印按钮 243

 难度指数 ★☆☆☆☆ 占用时间 ○○

第17章 对象和数组 246

 实例177 创建自定义对象 246

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例178 创建数组的多种方法 247

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例179 扩展数组的元素数目 248

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例180 在数组的末尾处加入和移除元素 249

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例181 在数组的任意位置加入和移除元素 251

 难度指数 ★★☆☆☆ 占用时间 ○

 实例182 把数据转换成对象 252

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例183 把数组里的元素按照自然排序 254

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例184 数组的本质就是对象 255

 难度指数 ★★☆☆☆ 占用时间 ○○

第3篇 JavaScript高级篇

第18章 Ajax应用 258

 实例185 创建动态的XMLHttpRequest对象 258

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例186 自定义Ajax回调函数 259

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例187 自定义Ajax请求方法 261

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例188 为Ajax请求添加参数 262

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例189 Ajax请求中的友好等待界面 264

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例190 根据不同的HTTP返回代码进行不同的响应 266

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例191 Ajax传输JSON数据实例 268

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例192 定义一套自己的Ajax框架 271

 难度指数 ★★☆☆☆ 占用时间 ○

第19章 面向对象的特性 273

 实例193 定义一个类 273

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例194 利用prototype为类创建静态成员 274

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例195 模拟继承机制 275

 难度指数 ★★★☆☆ 占用时间 ○○

 实例196 为string类型的变量扩展一个replaceAll()函数 276

 难度指数 ★★★☆☆ 占用时间 ○

 实例197 为对象扩展一个动态属性 277

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例198 为对象扩展一个方法 279

 难度指数 ★★☆☆☆ 占用时间 ○○

第20章 经典JavaScript框架应用 281

 实例199 框架对JavaScript编码的意义 281

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例200 Prototype让JavaScript面向对象 282

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例201 利用Prototype实现继承机制 283

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例202 用Prototype来包装JavaScript事件 284

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例203 用Prototype轻松获取DOM的实际尺寸 285

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例204 用Dojo动态创建层的DOM 287

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例205 用Dojo动态指定按钮的click事件 288

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例206 用Dojo隐退图片 289

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例207 用Dojo轻松实现元素的拖曳 290

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例208 利用YUI来动态监听单击事件 291

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例209 利用YUI模拟向左滑动以删除菜单项 292

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例210 利用YUI实现被单击按钮样式突出的效果 294

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例211 利用YUI实现网页元素隐藏和显示的切换 295

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例212 利用YUI实现层的收缩隐藏特效 297

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例213 利用YUI实现层的随意拖动效果 298

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例214 利用YUI实现图片的滚动延迟加载 299

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例215 利用YUI随意改变层的尺寸 300

 难度指数 ★☆☆☆☆ 占用时间 ○○

第21章 jQuery的妙用 302

 实例216 选择所有的元素 302

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例217 选择相同标签的元素 303

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例218 选择相同class的元素 304

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例219 快速选择表单元素 305

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例220 选择所有已勾选的复选框 306

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例221 指定下拉菜单的已选项 307

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例222 选择包含特定内容的层 308

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例223 修改元素属性的值 309

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例224 获取和指定元素的内容 310

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例225 一次选择多个不同类的元素 311

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例226 删除部分文档内容 313

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例227 一次选择多个不同类的元素 314

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例228 快速修改样式规则 315

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例229 获取实际元素的高度和宽度 316

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例230 指定页面加载完成的回调 317

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例231 为元素动态添加某种事件 318

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例232 隐藏或显示元素 319

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例233 滑动效果 320

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例234 淡入效果 321

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例235 让Ajax如此简单 322

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例236 使用Ajax获取JSON数据 323

 难度指数 ★★☆☆☆ 占用时间 ○○

第22章 丰富的jQuery插件应用 324

 实例237 带伸缩功能的内容分段 324

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例238 带自动提示功能的文本输入框 325

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例239 多功能按钮 326

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例240 自定义格式的日期输入框 328

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例241 选择日期段 329

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例242 自定义提示框 331

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例243 轻松实现层的拖动功能 332

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例244 多级菜单 333

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例245 用幻灯片方式浏览图片 335

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例246 进度条 337

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例247 可改变大小的层 338

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例248 可被选择的菜单项 339

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例249 滑块效果 341

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例250 选择范围的滑块效果 342

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例251 可排序的列表 343

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例252 可拖动的选择项 344

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例253 数字输入框 346

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例254 时间输入框 347

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例255 多页切换效果 348

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例256 带提示信息的输入框 350

 难度指数 ★☆☆☆☆ 占用时间 ○○

第23章 HTML 5的新应用 351

 实例257 视频尺寸动态修改示例 351

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例258 动态播放或暂停视频 352

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例259 指定视频的播放进度 354

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例260 隐藏音频播放器的控制按钮 355

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例261 拖动页面上的元素 356

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例262 让图片不可以拖动 358

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例263 使用canvas画一个矩形图案 359

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例264 使用canvas画一个圆形图案 360

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例265 用HTML 5绘制一个SVG标量圆形 362

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例266 获取用户当前的地理坐标 363

 难度指数 ★★☆☆☆ 占用时间 ○

 实例267 根据地理信息定位城市 364

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例268 在地图上标识附近加油站的地址 365

 难度指数 ★★★☆☆ 占用时间 ○○

 实例269 使用localStorage实现计数器 366

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例270 使用sessionStorage实现计数器 367

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例271 使用Web Worker为学生考试计时 368

 难度指数 ★★☆☆☆ 占用时间 ○

第24章 CSS 3带给我们的新体验 371

 实例272 圆角边框 371

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例273 图形边框 372

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例274 图片阴影效果 373

 难度指数 ★★★☆☆ 占用时间 ○○

 实例275 文字阴影效果 374

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例276 带有可见度的背景颜色 375

 难度指数 ★★☆☆☆ 占用时间 ○

 实例277 多列显示文字 377

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例278 使用CSS 3实现过渡效果 378

 难度指数 ★★☆☆☆ 占用时间 ○

 实例279 使用CSS 3实现动画效果 379

 难度指数 ★★★☆☆ 占用时间 ○

 实例280 使用CSS 3实现图片旋转效果 380

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例281 可移动的图片 382

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例282 放大和缩小图片 383

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例283 扭曲的图片 384

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例284 让图片立体旋转 385

 难度指数 ★★☆☆☆ 占用时间 ○○

第25章 JavaScript在智能手机上的应用 387

 实例285 判断是否为移动浏览器 387

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例286 测试是否支持滑动事件 388

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例287 通过滑动修改网页字体大小 390

 难度指数 ★★★☆☆ 占用时间 ○

 实例288 用手势来改变图片大小 392

 难度指数 ★★★☆☆ 占用时间 ○

 实例289 用手势改变图片的显示方向 393

 难度指数 ★★☆☆☆ 占用时间 ○

 实例290 使用手机GPS定位用户所在城市 395

 难度指数 ★★★☆☆ 占用时间 ○

第26章 其他应用和技巧 397

 实例291 利用浏览器的cookie保存用户名 397

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例292 eval()函数大行其道 399

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例293 妙用正则表达式来减少JS代码 400

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例294 按拼音首字母排序 402

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例295 用try和catch来让程序更友好 403

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例296 不用Ajax也可以达到不刷新页面的效果 405

 难度指数 ★★★☆☆ 占用时间 ○

 实例297 让输入的英文字母自动变成大写 406

 难度指数 ★★☆☆☆ 占用时间 ○○

 实例298 用JSON格式来保存数据 407

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例299 得到用户显示器的最大分辨率 409

 难度指数 ★☆☆☆☆ 占用时间 ○○

 实例300 用JavaScript实现的抽奖程序 410

 难度指数 ★★☆☆☆ 占用时间 ○