第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

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

对于刚刚进入Web客户端开发的读者来说，一本具有丰富案例和详细解析的指导书是不可缺少的。本书精心选择了300个实例，对JavaScript的常见套用进行了举例说明，其中不仅涵盖了JavaScript的各类基础知识，还包括一些高级Web编程技巧。本书凝聚了笔者多年大型软体公司Web客户端编程的开发经验和技巧。

本书的实例儘量求简，通过简单的编程代码直接反映JavaScript的基础知识和套用技巧，把大篇幅的理论介绍化简为零，分布在各个实例中，读者可以从中体会JavaScript灵活的机制和强大的功能。书中的大多数程式可在各类浏览器环境下调试通过，只有少量一些实例，比如HTML 5和CSS 3，则需要在版本较新的浏览器中运行。

本书的特点

本书选择的实例都是实战Web开发中JavaScript会遇到的编程问题。本书从实践的角度阐述如何运用JavaScript的各种特性和各种流行的第三方框架。熟练掌握本书实例所介绍的JavaScript知识后，可以很快提高读者对于实际问题的处理能力。全书讲解方式简单直接，内容全面，深度和广度兼顾，实例安排从简到难，由浅入深。全书在内容安排和实例讲解上的主要特点如下。

选择的实例系统全面，贴近实际，涵盖了JavaScript的基本知识点，力求给读者最大的实践指导。

讲解细緻入微，适合初学者的学习方式，用準确的语言引出实例，然后用规範、精简的代码实现，用详细的讲解为初学者学习和掌握基础知识提供了铺垫。

本书的实例代码都长度适中，力争每个代码都介绍清楚，给出清晰的代码执行思路和该类问题的解决思路，相关的注意事项可以帮助读者打开进一步扩展功能的思路。

本书对于重要的代码，给出了详细的说明或注释，读者认真阅读详细的注释可以起到触类旁通的作用。

除了传统的Web客户端开发，本书还介绍了最新的HTML 5和CSS 3的相关知识，有助于读者更好地把握未来Web开发的方向。

本书还介绍了几类流行的JavaScript开发框架，通过这些框架代码的学习，读者可以掌握这些框架的核心使用方法。在日后的实际开发中，读者可以根据实际的项目需要选择合适的框架，以提高开发效率。

本书内容及知识体系

第一篇 JavaScript基础篇(第1~10章)，涵盖了网页的基本组成部分，学习JavaScript如何控制这些基础的网页元素来完成相关操作或实现某些常见特效。

本篇包括124个实例，主要涉及一些网页特效和操作，包括视窗和框架、表单控制项、滑鼠特效、按钮特效、连结特效、层和表格的相关特效等，所有高级的特效都以这些网页元素为基础。

第二篇 JavaScript进阶篇(第11~17章)，介绍了几类相对高级的网页特效实现，使用的JavaScript代码也更具技巧性。

本篇包括61个实例，主要涉及导航选单、样式的控制、日期与时间的特效、图片特效、变数与函式的使用等，读者通过这几章的学习和练习，可以进一步提升JavaScript的编程能力。

第三篇 JavaScript高级篇(第18~26章)，主要是一些新的技术和第三方框架的使用，读者可以通过这些章节的学习打开未来使用JavaScript编程的思路。

本篇包括115个实例，主要涉及Ajax使用技巧、面向对象的实现、流行的JavaScript开发框架、HTML 5和CSS 3的实践、智慧型手机上的JavaScript开发等。

本书约定

【实例描述】对实例的背景和套用场景做出说明，对于某些複杂的问题给出了举例演示。

【实现代码】解决问题的代码实现，对代码中重要的变数或複杂的语句给出注释和解释。

【运行效果】实例的运行效果截图，让读者更直观地看到实例的结果。

【难点剖析】讲解实例的代码或步骤，解析代码涉及的知识点。

【其他说明】提出需要特别注意的一些知识点和内容或相关信息，是读者在验证实例时需注意的实现细节。

适合阅读本书的读者

对Web客户端开发感兴趣的自学读者。

JavaScript语言刚刚入门，需进一步提高实战技术的开发人员。

大中专院校和培训学校的师生，课余练习资料。

JavaScript初、中级程式设计师的参考资料。

网页设计与製作人员。

阅读本书的建议

为了提高读者的学习效率，增强学习效果，笔者特提出以下学习建议。

对于刚刚接触JavaScript的初学者，最好还是按照章节依次阅读本书，而不要随便跳跃章节，这样才便于更加系统地学习。

对于每一个实例，先自己写原始码，思考实例实现的思路及涉及的语法知识，然后再阅读，学习效果会更好。

每一个实例的实现思路和实现过程完整地阅读一遍后，亲自动手编写和调试代码，完成书中的所有实例，这样才能加深对内容的理解和记忆。

学会利用网路资源，遇到问题能够从网路上获取相关资源并解决问题。

为了方便读者开发学习，建议使用Firefox浏览器及其Firebug外挂程式来运行和调试实例代码，以获得最佳的学习体验，提高学习效率。

在写作过程中，作者分析了很多网路代码和面试材料，通过对比分析找到更有效的代码实现手法，在此向网路上JavaScript及Web开发工作者的辛勤工作表示感谢。由于作者水平有限，不足之处甚至错误地方在所难免，敬请广大读者朋友批评、指正。

编着者