JavaScript网页特效经典300例(含DVD光盘1张)
2014-1
电子工业出版社
杨磊,张志美
HTML 5的流行让Web开发人员更关注JavaScript,目前会写原生JavaScript代码的人才稀缺,但学习JavaScript的人却越来越多。本书针对JavaScript的各个应用方向,列举了300个例子供初学者练习。
《JavaScript网页特效经典300例》分为3篇26章,一共收集了300个典型实例,不仅涉及JavaScript的基础语法、开发技巧、对象支持等基础知识,还涵盖了各类常见的网页开发特效,包括图层、表单控件、表格、层等各类网页元素的特效应用,以及最新的HTML5、CSS3技术。最后,《JavaScript网页特效经典300例》还用实例演示了流行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
难度指数 ★★☆☆☆ 占用时间 ○
JavaScript网页特效经典300例(含DVD光盘1张) PDF格式下载