目 录
第一篇 HTML篇
第1章 HTML页面概述 2
1.1 移动网页和普通网页的基本结构 2
1.2 HTML网页类型（HTML 4、HTML 5） 3
1.3 定义中文网页 4
1.4 网页的标题 5
1.5 移动页面的meta元素 6
1.6 文档头部 9
1.7 文档主体 9
1.8 指定外部样式表 10
1.9 利用资源的预加载提升用户体验 13
1.10 载入外部脚本库 14
1.11 延迟脚本执行 15
1.12 异步执行脚本 16
第2章 头部meta元素 21
2.1 定义页面关键字 21
2.2 设置页面描述 22
2.3 设置作者信息 23
2.4 限制搜索方式 24
2.5 网页语言与文字 26
2.6 定时跳转移动页面 27
2.7 设置网页缓存过期时间 28
2.8 禁止从缓存中调用 29
2.9 删除过期的Cookie 31
第3章 标记文字 32
3.1 标题<hn></hn> 32
3.2 表示关键字和产品名称<b></b> 36
3.3 强调<em></em> 37
3.4 表示外文词语或科技术语<i></i> 39
3.5 表示重要的文字<strong></strong> 40
3.6 表示不正确或校正<s></s> 41
3.7 为文字添加下画线<u></u> 42
3.8 添加小号字体内容<small></small> 43
3.9 添加上标<sub></sub>和下标<sup></sup> 44
3.10 强制换行<br/> 46
3.11 指明可以安全换行的建议位置<wbr> 47
3.12 表示输入和输出<code>、<var>、<samp>和<kbd> 48
3.13 突出显示文本<mark></mark> 53
第4章 显示图像 55
4.1 页面中图像的格式 55
4.2 页面中图像的压缩形式 56
4.3 常用的<img> 57
4.4 语义化带标题的图片 58
4.5 移动端提前载入图片 60
4.6 图像区域映射 61
4.7 移动网页使用base64:URL格式的图片 63
第5章 超链接 67
5.1 超链接的类型 68
5.2 相对路径和绝对路径 68
5.3 生成页面内超链接 69
5.4 图像链接 71
5.5 移动端电子邮件链接 72
第6章 组织文字内容 74
6.1 段落 74
6.2 页面主题的结构化布局 76
6.3 添加主题分隔线 79
6.4 输出有顺序关系的内容 80
6.5 使用无序列表输出内容 81
6.6 使用自定义列表输出内容 82
6.7 使用列表项 84
6.8 使用菜单列表 85
6.9 使用下拉列表 85
6.10 在页面中输出对话 87
第7章 划分文档结构 89
7.1 添加基本的标题 90
7.2 隐藏子标题hgroup 91
7.3 生成节<section> 92
7.4 为区域添加头部和尾部 95
7.5 添加导航区域 97
7.6 在页面中输出文章 99
7.7 生成附注栏 100
7.8 在页面输出联系人信息 102
7.9 生成详情区域 103
第8章 多媒体文件 105
8.1 使用多媒体打造丰富的视觉效果 105
8.2 全面兼容移动端的video 106
8.3 嵌入来自其他网页的视频 108
8.4 在移动端嵌入一个网页 109
8.5 文字的滚动 111
8.6 为视频添加字幕 111
8.7 获取播放时长和当前播放时间 113
8.8 播放视频时截屏 116
8.9 带海报的视频 117
第9章 表格 119
9.1 生成基本的表格 119
9.2 让表格没有凹凸感 123
9.3 添加表头 125
9.4 为表格添加结构 126
9.5 制作不规则的表格 129
9.6 正确地设置表格列 131
9.7 设置表格边框 134
9.8 其他表格设计 139
第10章 表单与文件 147
10.1 制作基本表单 147
10.2 禁用单个input元素 150
10.3 关闭输入框的自动提示功能 151
10.4 定制input元素 151
10.5 生成隐藏的数据项 152
10.6 输入验证 153
10.7 生成按钮 155
10.8 使用表单外的元素 156
10.9 显示进度 156
10.10 密钥对生成器 157
10.11 HTML 5调用手机拍照或相册 157
第11章 网页中的框架 159
11.1 在页面中使用iframe 159
11.2 设置iframe透明背景色 161
11.3 移动浏览器下的iframe宽度自适应 161
11.4 在Safari浏览器中实现iframe滚动条 162
11.5 一个完整的响应式iframe 162
第12章 HTML 5 Canvas 164
12.1 在页面中使用Canvas元素 164
12.2 使用路径和坐标 165
12.3 绘制弧形和圆形 169
12.4 使用纯色填充图形 171
12.5 使用渐变色填充图形 173
12.6 在画布中绘制文本 175
12.7 将画布输出为PNG图片文件 178
12.8 在复杂场景使用多层画布 180
12.9 使用requestAnimationFrame制作游戏或动画 180
12.10 如何显示满屏Canvas 182
12.11 Canvas圆环进度条 183
第13章 HTML 5地理定位 186
13.1 使用navigator对象 186
13.2 获取当前位置 189
13.3 使用腾讯地图开放平台获取当前位置 191
第14章 HTML 5本地存储 193
14.1 在客户端存储数据 193
14.2 检查HTML 5存储支持 194
14.3 利用localStorage进行本地存储 194
14.4 利用localStorage存储JSON对象 197
14.5 利用localStorage记录用户表单输入 197
14.6 在localStorage中存储图片 201
14.7 在localStorage中存储文件 203
14.8 使用localForage进行离线存储 205
14.9 利用sessionStorage进行本地存储 206
第15章 HTML 5应用缓存 210
15.1 使用cache manifest创建页面缓存 210
15.2 离线Web网页或应用 213
15.3 删除本地缓存 214
15.4 更新缓存文件 215
15.5 使用HTML 5离线应用程序缓存事件 216
第16章 HTML 5移动开发 221
16.1 在手机上打电话或发短信 221
16.2 设置iPhone书签栏图标 223
16.3 HTML 5相册 226
第二篇 CSS篇
第17章 文字与字体 230
17.1 在网页中使用自定义字体 230
17.2 文本缩进和首字符下沉 232
17.3 自定义文本被选中时的样式 234
17.4 文本对齐 234
17.5 调整文字、字符的间距 235
17.6 文本的装饰 236
17.7 文字阴影 237
17.8 文字毛玻璃效果 237
17.9 金属质感文字 238
17.10 隐藏文本 238
17.11 文字旋转 239
第18章 边框和图片 240
18.1 边框新属性 240
18.2 搜索框 247
18.3 微博发布框 250
18.4 拍立得效果框 255
18.5 CSS 3动画边框 256
18.6 边框移动特效 261
18.7 Banner图片的标签 263
18.8 黑白图片 264
18.9 图片水印 265
18.10 图片细节放大展示 266
18.11 图片的瀑布流 271
18.12 图片墙 274
18.13 图片轮播图 277
18.14 幻灯片 287
18.15 手风琴效果 291
18.16 图片自适应 292
18.17 使用纯CSS绘制图像 293
18.18 图片原地放大 297
18.19 图片翻转 299
第19章 按钮和链接 300
19.1 圆角按钮 300
19.2 简单导航栏 304
19.3 二级导航栏 306
19.4 三级导航栏 308
19.5 滑动菜单 310
19.6 网页右键菜单 312
19.7 下拉菜单 315
19.8 CSS 3圆形导航菜单 318
19.9 标签云 322
19.10 TAB标签页 322
19.11 选中文字分享 325
19.12 链接百叶窗效果 326
19.13 iPhone开关 328
19.14 按钮式单选框与复选框 330
19.15 文字变链接 332
19.16 根据文件格式设置链接图标 333
第20章 背景和颜色 334
20.1 颜色和渐变的基础 334
20.2 高光效果 338
20.3 多背景 339
20.4 全屏背景 340
20.5 斑马线背景 341
20.6 棋盘背景 342
20.7 易拉罐效果 345
20.8 页面顶部阴影 347
第21章 变换与动画 348
21.1 CSS 3变换与动画的基础 348
21.2 纸张边角动画效果 356
21.3 气泡式提示 364
21.4 对联广告 365
21.5 页面loading效果 367
21.6 进度条 368
21.7 苹果系统的Stack特效 372
21.8 扇形展开 375
第22章 盒子与3D 381
22.1 CSS 3盒模型 381
22.2 内层CSS 3盒阴影 383
22.3 外层CSS 3盒阴影 384
22.4 3D文字 385
22.5 3D图片 387
22.6 3D下拉菜单 393
22.7 3D旋转动画 398
第三篇 JavaScript篇
第23章 JavaScript入门必知 402
23.1 如何在HTML中调用JavaScript代码 402
23.1.1 <script>标签的定义 402
23.1.2 两种嵌入JavaScript代码的方式 403
23.1.3 XHTML与HTML对JavaScript解析的不同之处 404
23.1.4 <noscript>的使用 404
23.2 使用什么工具开发JavaScript 405
23.2.1 Adobe Dreamweaver软件，推荐指数：3 405
23.2.2 Sublime Text，推荐指数：4 405
23.2.3 Aptana Studio，推荐指数：4 406
23.2.4 WebStorm，推荐指数： 5 406
23.3 如何调试移动JavaScript代码 407
23.3.1 Web Inspector调试工具 407
23.3.2 Web开发者工具（DevTools） 409
23.3.3 JavaScript调试器 410
23.3.4 控制台 412
23.3.5 HTTP分析 412
23.3.6 性能检测 413
23.4 PC端鼠标操作与移动端触屏操作 414
23.4.1 PC端鼠标单击操作处理 414
23.4.2 移动端触屏操作 415
23.4.3 兼容PC端鼠标和移动端触屏事件处理 417
第24章 表单控制 419
24.1 去除字符串左右两边的空格 419
24.2 验证用户是否输入 420
24.3 禁止输入 422
24.4 关闭输入法 424
24.5 禁止复制与粘贴 425
24.6 限制只能输入数字 426
24.7 限制只能输入中文 427
24.8 限制字符串长度 428
24.9 限制字符串长度（区分中英文） 429
24.10 实时提示可输入字符（区分中英文） 432
24.11 密码强度实时验证 435
24.12 光标停留在文字最后 437
24.13 自动选定文本内容 438
24.14 获取和失去焦点时改变样式 439
24.15 常见的验证规则 440
24.16 对文本内容进行关键词过滤 443
24.17 从字符串中剔除所有HTML代码 445
24.18 检测是否为数值型 446
24.19 TextArea自适应文字行数 448
24.20 判断单选框是否被选中 448
24.21 判断复选框至少选中一项 449
24.22 限制复选框最多选择几项 450
24.23 Checkbox全选、取消全选、反选 451
24.24 获取选中的复选框值 453
24.25 判断下拉框中的值是否被选中 454
第25章 图片控制 456
25.1 动画管理模块 456
25.2 实时预览上传的图片 461
25.3 鼠标移入/移出时改变图片样式 465
25.4 图片放大镜效果 466
25.5 水中倒影效果 472
25.6 横向图片轮播 477
25.7 图片层叠轮播 482
25.8 单击图片逐渐放大 487
25.9 图片旋转 489
25.10 在触屏上拖曳图片 491
第26章 内容展示 494
26.1 表格光棒效果 494
26.2 让表单没有凹凸感 496
26.3 动态插入和删除单元行 497
26.4 表格内容的展开和折叠 498
26.5 表格内容拖曳效果 500
26.6 表格分页 506
26.7 英文字符串自动换行 509
26.8 内容超过元素宽度显示省略号 511
26.9 调整字体大小 513
第27章 日期处理 515
27.1 获取日期的指定部分 515
27.2 显示当前时间 516
27.3 显示最后修改时间 517
27.4 实时显示当前时间 518
27.5 将日期格式化成字符串 520
27.6 获取短日期格式 521
27.7 获取指定日期所在月份的天数 523
27.8 获取指定日期是第几周 525
27.9 倒计时 526
27.10 比较两个日期相差多少秒 527
27.11 日期比较大小 528
27.12 对指定日期进行加减 530
27.13 将字符串转换成日期格式 532
27.14 判断是闰年还是平年 533
27.15 日期合法性验证 535
第28章 页面特效 537
28.1 页面悬浮导航 537
28.2 下拉式导航菜单 538
28.3 滑动门导航 542
28.4 树形菜单导航 544
28.5 仿QQ菜单 548
28.6 漂浮广告 554
第29章 JavaScript移动开发 556
29.1 判断PC端或移动端 556
29.2 判断移动端平台类型 558
29.3 判断设备方向变更 560
29.4 移除移动浏览器地址栏 561
29.5 判断当前浏览器是否为移动浏览器 562
29.6 判断用户是否在使用微信浏览器 563
第30章 JavaScript触屏开发常用代码 565
30.1 获取手机屏幕的用户触点坐标 565
30.2 平板电脑触屏提示信息 566
30.3 触屏时长 568
30.4 长触屏操作实现 570
30.5 双击触屏操作实现 572
30.6 点击穿透现象 574
30.7 触屏事件流程 576
30.8 获取手机触屏移动轨迹 577
30.9 模拟触屏画笔功能 579
30.10 触屏滑动功能 581
30.11 触屏手势操作 583
