CSS插件工具箱 使用JavaScript和HTML 5编写的100个CSS动态网站插件PDF电子书下载

第Ⅰ部分 CSS与插件 3

第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

第Ⅱ部分 类 37

第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

第Ⅲ部分 动态类 207

第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