《CSS插件工具箱使用JavaScript和HTML5编写的100个CSS动态网站插件》.(徐燕华).[PDF]

minyuan

本书介绍:
《CSS插件工具箱:使用JavaScritpt和HTML 5编写的100个CSS动态网站插件》包含了100个可用于创建动态Web内容的现成CSS插件。所有这些插件都
配有HTML例子和显示最终效果的屏幕快照。另外，还包括了组合使用CSS与
JavaScript和HTML5以使Web页面更具交互性和动态性的方法。使用这些插件能将许多复杂的任务化简为单个类，这样就可以更快更容易地构建CSS项目。

作者简介
作者：(英国)尼克松 (Robin Nixon) 译者：徐燕华

尼克松(Robin Nixon)，自20世纪80年代以来一直从事计算机工作，曾撰写多本计算机书籍（其中包括由清华大学出版社引进并出版的《PHP快速开发工具箱——轻松解决PHP日常编程问题的100个插件工具》及《JavaScript快速开发工具箱——轻松解决JavaScript日常编程问题的100个插件工具》），并为国际顶级计算机杂志撰写了500多篇技术文章。

本书目录:
第Ⅰ部分 CSS与插件
第1章 如何使用插件 3
1.1 下载和安装Web浏览器 3
1.2 老版本的Microsoft Internet Explorer 4
1.3 配套网站 5
1.4 关于文档对象模型 6
1.5 关于CSS 9
1.5.1 导入样式表 10
1.5.2 局部样式设置 10
1.5.3 ID和类 10
1.6 CSS和分号 11
1.7 在自己的网站中使用插件 11
1.8 JavaScript支持的插件 12
1.8.1 将JavaScript支持的CSS与
纯CSS同时引用 12
1.8.2 禁用JavaScript的用户 12
1.9 小结 13

第2章 CSS速成指南 15
2.1 CSS规则 15
2.1.1 多个指派 15
2.1.2 注释 16
2.1.3 样式类型 16
2.1.4 默认样式 16
2.1.5 用户样式 17
2.1.6 外部样式表 17
2.1.7 内部样式 17
2.1.8 内联样式 18
2.2 选择器 18
2.2.1 类型选择器 18
2.2.2 后代选择器 18
2.2.3 子选择器 18
2.2.4 ID选择器 19
2.2.5 类选择器 19
2.2.6 属性选择器 20
2.2.7 通用选择器 20
2.2.8 群组选择器 21
2.3 层叠 21
2.3.1 样式表创建者 21
2.3.2 创建样式表的方法 22
2.3.3 样式表选择器 22
2.3.4 !important标记 23
2.4 div和span的区别 23
2.5 度量单位 25
2.6 字体 25
2.6.1 字体系列 25
2.6.2 字体样式 26
2.6.3 字体大小 26
2.6.4 字体粗细 26
2.7 文本 27
2.7.1 修饰 27
2.7.2 间距 27
2.7.3 对齐方式 27
2.7.4 转换 27
2.7.5 缩进 28
2.8 颜色 28
2.9 定位元素 28
2.10 伪类 29
2.11 简写法 30
2.12 盒子模型 31
2.12.1 外边距 31
2.12.2 边框 32
2.12.3 内边距 32
2.12.4 内容 32
2.13 小结 33

第Ⅱ部分 类
第3章 操作对象 37
3.1 插件1：定位 37
3.1.1 类和属性 38
3.1.2 关于类 38
3.1.3 如何使用它们 38
3.1.4 具体类 39
3.2 插件2：浮动 39
3.2.1 类和属性 40
3.2.2 关于类 40
3.2.3 如何使用它们 41
3.2.4 具体类 42
3.3 插件3：背景色 42
3.3.1 类和属性 42
3.3.2 关于类 43
3.3.3 如何使用它们 43
3.3.4 具体类 44
3.4 插件4：渐变 46
3.4.1 类和属性 46
3.4.2 关于类 47
3.4.3 如何使用它们 48
3.4.4 具体类 48
3.5 插件5：反向渐变 52
3.5.1 类和属性 52
3.5.2 关于类 53
3.5.3 如何使用它们 53
3.5.4 具体类 54
3.6 插件6：盒阴影 57
3.6.1 类和属性 57
3.6.2 关于类 58
3.6.3 如何使用它们 58
3.6.4 具体类 59
3.7 插件7：内边距 60
3.7.1 类和属性 61
3.7.2 关于类 61
3.7.3 如何使用它们 61
3.7.4 具体类 62
3.8 插件8：圆角边框 62
3.8.1 类和属性 63
3.8.2 关于类 63
3.8.3 如何使用它们 64
3.8.4 具体类 64
3.9 插件9：透明度 65
3.9.1 类和属性 66
3.9.2 关于类 66
3.9.3 如何使用它们 66
3.9.4 具体类 67
3.10 插件10：可见性和显示 68
3.10.1 类和属性 69
3.10.2 关于类 69
3.10.3 如何使用它们 70
3.10.4 具体类 70
3.11 插件11：滚动条 71
3.11.1 类和属性 71
3.11.2 关于类 72
3.11.3 如何使用它们 72
3.11.4 具体类 73
3.12 插件12：最大尺寸 74
3.12.1 类和属性 74
3.12.2 关于类 75
13.2.3 如何使用它们 75
13.2.4 具体类 76
3.13 插件13：位置 76
3.13.1 类和属性 76
3.13.2 关于类 77
3.13.3 如何使用它们 77
3.13.4 具体类 78
3.14 插件14：选择性外边距 79
3.14.1 类和属性 80
3.14.2 关于类 80
3.14.3 如何使用它们 81
3.14.4 具体类 81
3.15 插件15：选择性内边距 83
3.15.1 类和属性 83
3.15.2 关于类 84
3.15.3 如何使用它们 84
3.15.4 具体类 84
3.16 插件16：边框样式 86
3.16.1 类和属性 86
3.16.2 关于类 87
3.16.3 如何使用它们 87
3.16.4 具体类 87
3.17 插件17：边框宽度 88
3.17.1 类和属性 88
3.17.2 关于类 89
3.17.3 如何使用它们 89
3.17.4 具体类 89
3.18 插件18：边框颜色 90
3.18.1 类和属性 90
3.18.2 关于类 90
3.18.3 如何使用它们 91
3.18.4 具体类 91
3.19 插件19：无轮廓 92
3.19.1 类和属性 92
3.19.2 关于类 93
3.19.3 如何使用它们 93
3.19.4 具体类 93

第4章 文本和排印 95
4.1 插件20：字体 95
4.1.1 类和属性 95
4.1.2 关于类 96
4.1.3 如何使用它们 97
4.1.4 具体类 98
4.2 插件21：字体样式 100
4.2.1 类和属性 100
4.2.2 关于类 101
4.2.3 如何使用它们 101
4.2.4 具体类 102
4.3 插件22：文本对齐 102
4.3.1 类和属性 103
4.3.2 关于类 103
4.3.3 如何使用它们 103
4.3.4 具体类 104
4.4 插件23：文本磅值 105
4.4.1 类和属性 105
4.4.2 关于类 106
4.4.3 如何使用它们 106
4.4.4 具体类 106
4.5 插件24：文本颜色 108
4.5.1 类和属性 109
4.5.2 关于类 109
4.5.3 如何使用它们 110
4.5.4 具体类 111
4.6 插件25：文本阴影 112
4.6.1 类和属性 112
4.6.2 关于类 113
4.6.3 如何使用它们 113
4.6.4 具体类 114
4.7 插件26：文本转换 115
4.7.1 类和属性 115
4.7.2 关于类 115
4.7.3 如何使用它们 116
4.7.4 具体类 116
4.8 插件27：封装 116
4.8.1 类和属性 117
4.8.2 关于类 117
4.8.3 如何使用它们 117
4.8.4 具体类 117
4.9 插件28：Google字体 118
4.9.1 类和属性 118
4.9.2 关于类 119
4.9.3 如何使用它们 119
4.9.4 具体类 121
4.10 插件29：首字下沉 123
4.10.1 类和属性 123
4.10.2 关于类 124
4.10.3 如何使用它们 124
4.10.4 具体类 124
4.11 插件30：多栏 124
4.11.1 类和属性 125
4.11.2 关于类 125
4.11.3 如何使用它们 126
4.11.4 具体类 126
4.12 插件31：文本缩进 128
4.12.1 类和属性 128
4.12.2 关于类 128
4.12.3 如何使用它们 129
4.12.4 具体类 129
4.13 插件32：符号 129
4.13.1 类和属性 130
4.13.2 关于类 130
4.13.3 如何使用它们 130
4.13.4 具体类 131

第5章 菜单和导航 133
5.1 插件33：按钮 133
5.1.1 类和属性 134
5.1.2 关于类 134
5.1.3 如何使用它们 134
5.1.4 具体类 135
5.2 插件34：垂直菜单 136
5.2.1 类和属性 137
5.2.2 关于类 137
5.2.3 如何使用它们 137
5.2.4 具体类 141
5.3 插件35：水平菜单 143
5.3.1 类和属性 143
5.3.2 关于类 144
5.3.3 如何使用它们 144
5.3.4 具体类 144
5.4 插件36：顶部停靠栏 145
5.4.1 类和属性 145
5.4.2 关于类 145
5.4.3 如何使用它们 146
5.4.4 具体类 147
5.5 插件37：底部停靠栏 147
5.5.1 类和属性 148
5.5.2 关于类 148
5.5.3 如何使用它们 148
5.5.4 具体类 148
5.6 插件38：工具提示和工具提示淡入 149
5.6.1 类和属性 149
5.6.2 关于类 150
5.6.3 如何使用它们 150
5.6.4 具体类 151

第6章 页面布局 153
6.1 插件39：重置CSS 153
6.1.1 类和属性 154
6.1.2 关于类 154
6.1.3 如何使用它们 154
6.1.4 具体类 155
6.2 插件40：默认CSS 157
6.2.1 类和属性 157
6.2.2 关于类 157
6.2.3 如何使用它们 157
6.2.4 具体类 158
6.3 插件41：boxout 161
6.3.1 类和属性 161
6.3.2 关于类 161
6.3.3 如何使用它们 162
6.3.4 具体类 162
6.4 插件42：引用 163
6.4.1 类和属性 163
6.4.2 关于类 164
6.4.3 如何使用它们 164
6.4.4 具体类 165
6.5 插件43：左边栏 165
6.5.1 类和属性 166
6.5.2 关于类 166
6.5.3 如何使用它们 166
6.5.4 具体类 167
6.6 插件44：右边栏 167
6.6.1 类和属性 167
6.6.2 关于类 168
6.6.3 如何使用它们 168
6.6.4 具体类 168
6.7 插件45：分页符 168
6.7.1 类和属性 170
6.7.2 关于类 170
6.7.3 如何使用它们 170
6.7.4 具体类 170

第7章 视觉效果 171
7.1 插件46：星级评分 171
7.1.1 类和属性 171
7.1.2 关于类 172
7.1.3 如何使用它们 172
7.1.4 具体类 172
7.2 插件47：使用图像的星级评分 173
7.2.1 类和属性 173
7.2.2 关于类 173
7.2.3 如何使用它们 173
7.2.4 具体类 174
7.3 插件48：进度条 174
7.3.1 类和属性 175
7.3.2 关于类 175
7.3.3 如何使用它们 175
7.3.4 具体类 175
7.4 插件49：放大 176
7.4.1 类和属性 176
7.4.2 关于类 177
7.4.3 如何使用它们 177
7.4.4 具体类 177
7.5 插件50：缩小 180
7.5.1 类和属性 180
7.5.2 关于类 180
7.5.3 如何使用它们 181
7.5.4 具体类 181
7.6 插件51：过渡所有改变 183
7.6.1 类和属性 184
7.6.2 关于类 185
7.6.3 如何使用它们 185
7.6.4 具体类 185
7.7 插件52：缩略图 187
7.7.1 类和属性 188
7.7.2 关于类 188
7.7.3 如何使用它们 188
7.7.4 具体类 189
7.8 插件53：给图像加标题 190
7.8.1 类和属性 191
7.8.2 关于类 192
7.8.3 如何使用它们 192
7.8.4 具体类 193
7.9 插件54：指针 194
7.9.1 类和属性 195
7.9.2 关于类 195
7.9.3 如何使用它们 195
7.9.4 具体类 195
7.10 插件55：旋转 195
7.10.1 类和属性 196
7.10.2 关于类 196
7.10.3 如何使用它们 196
7.10.4 具体类 197
7.11 插件56：奇偶行文本色 198
7.11.1 类和属性 199
7.11.2 关于类 199
7.11.3 如何使用它们 199
7.11.4 具体类 200
7.12 插件57：奇偶行背景色 201
7.12.1 类和属性 202
7.12.2 关于类 202
7.12.3 如何使用它们 202
7.12.4 具体类 203

第Ⅲ部分 动态类
第8章 动态对象 207
8.1 插件58：nojs和onlyjs类 207
8.1.1 变量、函数和属性 208
8.1.2 关于类 208
8.1.3 如何使用它们 208
8.1.4 具体的JavaScript代码 210
8.2 插件59：middle类 210
8.2.1 变量、函数和属性 211
8.2.2 关于类 211
8.2.3 如何使用它 211
8.2.4 具体的JavaScript代码 212
8.3 插件60：center类 212
8.3.1 变量、函数和属性 212
8.3.2 关于类 212
8.3.3 如何使用它 212
8.3.4 具体的JavaScript代码 213
8.4 插件61：top类 213
8.4.1 变量、函数和属性 213
8.4.2 关于类 214
8.4.3 如何使用它 214
8.4.4 具体的JavaScript代码 214
8.5 插件62：bottom类 214
8.5.1 变量、函数和属性 215
8.5.2 关于类 215
8.5.3 如何使用它 215
8.5.4 具体的JavaScript代码 215
8.6 插件63：left类 215
8.6.1 变量、函数和属性 216
8.6.2 关于类 216
8.6.3 如何使用它 216
8.6.4 具体的JavaScript代码 216
8.7 插件64：right类 217
8.7.1 变量、函数和属性 217
8.7.2 关于类 217
8.7.3 如何使用它 217
8.7.4 具体的JavaScript代码 217
8.8 插件65：ondemand类 218
8.8.1 变量、函数和属性 218
8.8.2 关于类 219
8.8.3 如何使用它 219
8.8.4 具体的JavaScript代码 220
8.9 插件66：fadein类 221
8.9.1 变量、函数和属性 221
8.9.2 关于类 221
8.9.3 如何使用它 221
8.9.4 具体的JavaScript代码 222
8.10 插件67：fadeout类 222
8.10.1 变量、函数和属性 222
8.10.2 关于类 223
8.10.3 如何使用它 223
8.10.4 具体的JavaScript代码 223
8.11 插件68：resizeta类 223
8.11.1 变量、函数和属性 224
8.11.2 关于类 224
8.11.3 如何使用它 224
8.11.4 具体的JavaScript代码 224
8.12 插件69：rotate类 225
8.12.1 变量、函数和属性 225
8.12.2 关于类 226
8.12.3 如何使用它 226
8.12.4 具体的JavaScript代码 226
8.13 插件70：w类 227
8.13.1 变量、函数和属性 227
8.13.2 关于类 227
8.13.3 如何使用它 228
8.13.4 具体的JavaScript代码 228
8.14 插件71：h类 228
8.14.1 变量、函数和属性 228
8.14.2 关于类 228
8.14.3 如何使用它 229
8.14.4 具体的JavaScript代码 229
8.15 插件72：x类 229
8.15.1 变量、函数和属性 229
8.15.2 关于类 230
8.15.3 如何使用它 230
8.15.4 具体的JavaScript代码 230
8.16 插件73：y类 230
8.16.1 变量、函数和属性 231
8.16.2 关于类 231
8.16.3 如何使用它 231
8.16.4 具体的JavaScript代码 231
8.17 插件74：color类 231
8.17.1 变量、函数和属性 232
8.17.2 关于类 232
8.17.3 如何使用它 232
8.17.4 具体的JavaScript代码 232
8.18 插件75：bcolor类 233
8.18.1 变量、函数和属性 233
8.18.2 关于类 233
8.18.3 如何使用它 233
8.18.4 具体的JavaScript代码 234

第9章 动态文本和排印 235
9.1 插件76：typetext类 235
9.1.1 变量、函数和属性 235
9.1.2 关于类 236
9.1.3 如何使用它 236
9.1.4 具体的JavaScript代码 236
9.2 插件77：digitsonly类 236
9.2.1 变量、函数和属性 237
9.2.2 关于类 237
9.2.3 如何使用它 237
9.2.4 具体的JavaScript代码 238
9.3 插件78：textonly类 238
9.3.1 变量、函数和属性 238
9.3.2 关于类 239
9.3.3 如何使用它 239
9.3.4 具体的JavaScript代码 239
9.4 插件79：nospaces类 239
9.4.1 变量、函数和属性 240
9.4.2 关于类 240
9.4.3 如何使用它 240
9.4.4 具体的JavaScript代码 240
9.5 插件80：nopunct类 241
9.5.1 变量、函数和属性 241
9.5.2 关于类 241
9.5.3 如何使用它 241
9.5.4 具体的JavaScript代码 242
9.6 插件81：minwhitespace 242
9.6.1 变量、函数和属性 243
9.6.2 关于类 243
9.6.3 如何使用它 243
9.6.4 具体的JavaScript代码 243
9.7 插件82：gfont类 243
9.7.1 变量、函数和属性 244
9.7.2 关于类 244
9.7.3 如何使用它 245
9.7.4 具体的JavaScript代码 246
9.8 插件83：textmiddle类 247
9.8.1 变量、函数和属性 247
9.8.2 关于类 247
9.8.3 如何使用它 247
9.8.4 具体的JavaScript代码 248
9.9 插件84：textglow类 248
9.9.1 变量、函数和属性 248
9.9.2 关于类 248
9.9.3 如何使用它 248
9.9.4 具体的JavaScript代码 249
9.10 插件85：backglow类 249
9.10.1 变量、函数和属性 249
9.10.2 关于类 250
9.10.3 如何使用它 250
9.10.4 具体的JavaScript代码 250

第10章 动态交互 251
10.1 插件86：placeholder类 251
10.1.1 变量、函数和属性 252
10.1.2 关于类 252
10.1.3 如何使用它 252
10.1.4 具体的JavaScript代码 252
10.2 插件87：autofocus类 252
10.2.1 变量、函数和属性 253
10.2.2 关于类 253
10.2.3 如何使用它 253
10.2.4 具体的JavaScript代码 253
10.3 插件88：cite类 253
10.3.1 变量、函数和属性 254
10.3.2 关于类 254
10.3.3 如何使用它 254
10.3.4 具体的JavaScript代码 255
10.4 插件89：ref类 256
10.4.1 变量、函数和属性 256
10.4.2 关于类 257
10.4.3 如何使用它 257
10.4.4 具体的JavaScript代码 258
10.5 插件90：nocopy类 258
10.5.1 变量、函数和属性 258
10.5.2 关于类 259
10.5.3 如何使用它 259
10.5.4 具体的JavaScript代码 259

第11章 JavaScript 261
11.1 插件91：embedjs类 261
11.1.1 变量、函数和属性 261
11.1.2 关于类 262
11.1.3 如何使用它 262
11.1.4 具体的JavaScript代码 263
11.2 插件92：if类 263
11.2.1 变量、函数和属性 264
11.2.2 关于类 264
11.2.3 如何使用它 264
11.2.4 具体的JavaScript代码 265
11.3 插件93：ifnot类 265
11.3.1 变量、函数和属性 266
11.3.2 关于类 266
11.3.3 如何使用它 266
11.3.4 具体的JavaScript代码 267

第12章 超类 269
12.1 什么是超类 269
12.2 插件94：clickable类 270
12.2.1 类 270
12.2.2 关于超类 270
12.2.3 如何使用它 270
12.3 插件95：rssbutton类 271
12.3.1 类 271
12.3.2 关于超类 271
12.3.3 如何使用它 271
12.4 插件96：border类 272
12.4.1 类 272
12.4.2 关于超类 272
12.4.3 如何使用它 273
12.5 插件97：abstopleft类 273
12.5.1 类 273
12.5.2 关于超类 273
12.5.3 如何使用它 273
12.6 插件98：rollover类 274
12.6.1 类 274
12.6.2 关于超类 274
12.6.3 如何使用它们 275
12.7 插件99：vtab类 275
12.7.1 类 275
12.7.2 关于超类 276
12.7.3 如何使用它 276
12.8 插件100：htab类 276
12.8.1 类 277
12.8.2 关于超类 277
12.8.3 如何使用它 277

下载地址:

游客，如果您要查看本帖隐藏内容请回复

ftnt1234

珍惜生命，果断回帖。

xh666

正需要，支持楼主大人了！

Alispetrlex123

学习了，不错，讲的太有道理了

碧霄成龙

过来看看的

乳此胸险

过来看看的

a19850413

过来看看的

Alispetrlex123

相当不错，感谢无私分享精神！

三胖

相当不错，感谢无私分享精神！

maram

过来看看的