资源名称:jQuery实战案例精粹
内容简介:
本书从 Web开发的实际应用角度出发,结合当下热门的 jQuery插件技术,深入浅出地介绍了 jQuery高性能开发的技巧,是前端开发、设计人员的绝佳选择。
本书共 22章,介绍了 jQuery框架的基础知识与 jQuery插件的开发方法;包含用户评级、 图片展示、日历日期、表单提交、表单验证、网页表格、树状列表、对话框、图片放大器、文件上传、导航菜单、网页动画、可拖放布局、页面便条、图形图表、网页多媒体、谷歌地图等性能应用案例;并通过几个完整的应用实例,展示了 HTML5结合 jQuery实现的完美开发,加深了读者对未来 Web技术发展方向的理解。
本书适用于所有前端初学者和网页设计入门者,可以作为日常开发的参考书,也可以辅助一些基础网页教材进行上机实践。
资源目录:
第1章 jQuery入门 1
11什么是 jQuery1
111 jQuery的功能 1
112配置 jQuery运行环境 4
113使用 Dreamweaver编写 jQuery代码 5
114认识 jQuery对象 9
12 jQuery选择器 10
121基本选择器 10
122层次选择器 13
123过滤选择器 16
124表单选择器 27
13操纵 DOM 28
131修改元素属性 28
132修改元素内容 31
133动态创建内容 32
134动态插入节点 33
135动态删除节点 35
14 jQuery的事件处理 37
141页面初始化事件 37
142绑定事件 38
143移除事件绑定 41
144切换事件 41
15小结 44
第2章 jQuery插件的应用开发 45
21认识 jQuery插件 45
211什么是插件 45
212常用的插件网站 49
213开发自己的插件 51
22用第三方插件创建自己的网站 57
221网站结构设计 57
222下载第三方插件 58
223使用第三方插件 59
224网站最终效果 62
23小结 63
第3章五星评级插件 jRating65
31准备 jRating插件 66
311下载 jRating插件 66
312 jRating的使用方法 67
313 jRating的参数介绍 69
314 jRating的效果展示 70
32开发图书点评网站 71
321准备 PHP开发环境 72
322创建图书点评页面 75
323引入五星评级插件 79
324评分查看页面 80
325保存评分信息到数据库 82
326从数据库读取评分信息 83
33小结 85
第4章流行的图片展示插件 Slider86
41准备 Sliderjs插件 86
411下载 Slidesjs插件 87
412参数说明 88
413图片轮播效果展示 93
42开发一个 AJAX网络相册 95
421创建相册页面 95
422实现 AJAX图像加载 97
423定义图片列表数据 98
424显示相册主题分类 98
425加载相册缩略图 100
426使用 Slider幻灯播放相片 102
427最终的多功能相册 103
43其他图片展示插件 104
431简单易用的 Easy Slider 104
432相册插件 Gallerifc 106
44小结 111
第5章日历和日期插件 112
51日期选取插件 Datepicker 113
511下载 Datepicker插件 113
512使用日期选择器 114
513 Datepicker参数说明 117
514同时显示多个月份 121
515限制日历的选择范围 122
516动画显示日历 123
52事件日历插件 xGCalendar 124
521下载 xGCalendar插件 124
522使用 xGCalendar插件 126
523 xGCalendar参数说明 129
524创建在线事件日历 131
525在线事件日历实现方法 133
53其他日历插件 ——jTimepicker 135
54小结 138
第6章表单插件 139
61准备 jQueryform插件 139
611下载 jQueryform插件 139
612参数说明 143
613无刷新表单的简易制作 145
62开发一个 Ajax效果的留言簿 147
621留言簿页面设计 148
622创建留言簿网站 149
623构建留言簿网页 151
624使用 jQuery进行客户端分页 153
625构建留言簿表单 157
626使用 Ajax无刷新提交表单 158
627添加留言功能实现 159
63其他表单插件 161
631快速生成表单插件 jFormer161
632表单美化插件 Uniforms 162
64小结 163
第7章表单验证插件 164
71准备 jQueryvalidate插件 164
711下载 jQueryvalidate插件 164
712参数说明 168
713表单验证效果展示 174
72带验证功能的用户注册表单 175
721注册表单的结构 176
722构建注册表单 177
723校验表单数据 180
724自定义的验证规则 183
725验证通过,自动提交 186
726最终的用户注册表单效果 186
73其他表单验证插件 188
731简单易用的 niceValidator 188
732 formValidator表单验证插件 189
74小结 190
第8章表格插件 191
81准备 Flexigrid插件 191
811下载 Flexigrid插件 192
812参数说明 195
813表格效果演示 198
82开发一个联系人列表页面 202
821准备表格显示数据 202
822定义 Flexigrid联系人列表 205
823添加新联系人 206
824删除联系人 210
83其他表格插件 211
831 jqGrid表格插件 212
832 ParamQuery表格插件 213
84小结 214
第9章树状列表插件 215
91准备 zTree插件 215
911下载 zTree插件 216
912参数说明 219
913树状效果演示 223
92开发一个 Web文件管理页面 228
921获取服务器端文件列表 229
922定义显示页面 232
923设置 zTree显示效果 233
924最终的资源管理器效果 234
93其他树状列表插件 235
931 Treeview树状插件 235
932 treetable树状列表插件 236
94小结 237
第10章对话框插件 238
101使用 FancyBox插件 239
1011下载 FancyBox插件 239
1012参数说明 243
1013使用 FancyBox开发网页画廊 244
102开发一个弹出式图片上传对话框 248
1021构建相册数据库 248
1022使用 FancyBox显示服务器图像 249
1023构建上传相片表单 251
1024上传图片 PHP实现 253
1025最终的图片上传对话框效果 256
103其他对话框插件 256
1031 jqModal对话框插件 256
1032使用 jQuery UI中的 Dialog对话框 258
104小结 260
第11章图片放大器插件 261
111准备 jQzoom插件 262
1111下载 jQzoom插件 262
1112参数说明 266
1113使用 jQzoom插件开发内嵌式图片放大器 267
112开发购物网站商品展示橱窗页面应用 269
1121构建商品图片信息数据库 269
1122使用 jQzoom插件显示服务器图像 271
1123构建上传商品图片表单 274
1124商品图片上传功能的 PHP实现 276
1125基于 jQzoom的商品展示橱窗最终效果 279
113其他图片放大器插件 279
1131 jQuery-gzoom图片缩放插件 280
1132使用基于 jQuery的AnythingZoomer插件 281
114小结 284
第12章图片文件上传插件 285
121准备 jQuery File Upload插件 286
1211下载 jQuery File Upload插件 286
1212参数说明 292
1213使用 jQuery File Upload插件实现多图片上传 295
122开发多功能图片文件上传 Web应用 300
1221添加 jQuery File Upload插件库文件 300
1222客户端添加本地图片文件功能实现 301
1223图片文件上传服务器功能实现 303
1224删除已上传服务器图片功能实现 306
1225多功能图片文件上传 Web应用最终效果 307
123其他文件上传插件 309
1231使用 jQuery Plupload插件上传文件 309
1232使用 jQuery Uploadify插件上传文件 311
124小结 313
第13章网站导航菜单插件 314
131准备 jQuerymmenu插件 315
1311下载 jQuerymmenu插件 315
1312参数说明 319
1313使用 jQuerymmenu插件实现自定义颜色风格导航菜单 322
132开发网站导航菜单管理 Web应用 325
1321添加 jQuerymmenu插件库文件 325
1322构建导航菜单管理页面布局 326
1323构建导航菜单结构 327
1324导航菜单管理选项设置实现 327
1325网站导航菜单管理 Web应用最终效果 329
133其他文件上传插件 331
1331使用 Color Fading Menu with jQuery插件 331
1332使用基于 jQuery的Kwicks滑动板导航菜单插件 335
134小结 338
第14章动画插件 339
141准备 Motio插件 340
1411下载 Motio插件 340
1412参数说明 344
1413使用 Motio插件实现精灵 (Sprite)模式动画 349
142开发 360度全景动画网页应用 352
1421添加 Motio插件库文件 352
1422添加 Motio插件 HTML代码 352
1423添加 Motio插件 CSS代码 354
1424执行 Motio插件初始化代码 354
1425基于 Motio插件实现 360度全景动画最终效果 355
143其他动画插件 ——制作背景动画的 jAni插件 357
144小结 360
第15章可拖放的布局插件 361
151准备 gridsterjs可拖放布局插件 362
1511下载 gridsterjs插件 362
1512参数说明 368
1513基于 gridsterjs插件实现动态缩放可拖放布局应用 372
152开发一个可拖放的商品橱窗页面 376
1521添加 gridsterjs插件库文件 376
1522构建可拖放的商品橱窗页面布局 376
1523可拖放的商品橱窗页面布局初始化 377
1524应用 gridsterjs插件回调方法增强商品橱窗页面功能 379
1325可拖放的商品橱窗页面布局最终效果 380
153其他可拖放布局插件 381
1531使用 Masonry布局插件 381
1532使用可视化页面布局 Layoutit插件 384
154小结 388
第16章页面便条插件 389
161准备 jStickyNote页面便条插件 390
1611下载 jStickyNote页面便条插件 390
1612参数说明 393
1613使用 jStickyNote插件实现大小尺寸页面便条 394
162开发多种风格页面便条 398
1621添加 jStickyNote插件库文件 398
1622构建 jStickyNote插件库页面布局 398
1623 jStickyNote插件库页面初始化 400
1624基于 jQuery的jStickyNote插件多种风格页面便条最终效果 402
163其他页面便条插件 ——StickyNotes页面便条 403
164小结 407
第17章图表插件 408
171准备 jqChart图表插件 409
1711下载 jqChart图表插件 409
1712参数说明 414
1713基于 jqChart图表插件实现分类 -折线图表应用 420
172开发一个模拟股票指数实时图应用 424
1721添加 jqChart图表插件插件库文件 424
1722构建股票指数实时图页面布局 425
1723模拟股票指数实时图初始化操作 425
1724模拟股票指数实时图应用最终效果 428
173其他图表插件 ——将HTML表格转化为图表的 HighchartsTable插件 430
174小结 432
第18章多媒体插件 433
181准备 jPlayer多媒体插件 434
1811下载 jPlayer多媒体插件 434
1812参数说明 438
1813使用 jPlayer多媒体插件开发视频播放器 442
182开发在线视频播放网页 445
1821添加 jPlayer插件库文件 445
1822构建在线视频播放网页页面布局 446
1823基于 jPlayer插件的在线视频播放网页初始化 448
183其他多媒体插件 ——jQuery Media Plugin插件 450
184小结 452
第19章谷歌地图插件 453
191准备 Gmap3地图插件 454
1911下载 Gmap3地图插件 454
1912参数说明 459
1913基于 Gmap3地图插件实现在线地图搜索功能应用 465
192基于 Gmap3地图插件实现集群功能应用 469
193其他地图插件 ——mageMapster插件 475
194小结 477
第20章 jQuery+HTML5文件拖动上传插件 478
201 jQuery HTML5 Uploader拖曳文件上传插件 479
2011下载 jQuery HTML5 Uploader插件 479
2012 jQuery HTML5 Uploader插件特性 481
2013 jQuery HTML5 Uploader插件参数说明 481
2014使用 jQuery HTML5 Uploader插件实现文件拖曳上传 481
202拖曳式文件上传 FileDropjs插件 484
2021下载 FileDropjs插件 484
2022 FileDropjs插件特性 485
2023 FileDropjs插件方法参数说明 485
2024使用 FileDropjs插件实现文件拖曳上传 487
203开发图片拖曳上传 Web应用 491
2031 HTML5文件上传功能 491
2032图片拖曳上传 HTML代码 491
2033图片拖曳上传 CSS代码 493
2034图片拖曳上传 JS代码 494
2035图片拖曳上传服务器端 PHP代码 496
2036图片拖曳上传 Web应用最终效果 497
204小结 498
第21章 jQuery+HTML5音视频播放器 499
211准备 MediaElementjs音视频播放器插件 500
2111下载 MediaElementjs音视频播放器插件 500
2112参数说明 505
2113使用 MediaElementjs插件模仿 WMP播放器 506
212基于 MediaElementjs插件事件处理播放器应用 508
2121添加 MediaElementjs插件库文件 508
2122构建事件处理播放器页面布局 509
2123事件处理播放器页面初始化 509
213其他 jQuery+HTML5音视频插件 511
2131下载 videojs音视频播放器插件 511
2132参数说明 513
2133使用 videojs插件实现网页视频播放器应用 515
214小结 517
第22章 jQuery+HTML5绘图程序 518
221准备 jquerydeviantartmuro绘图插件 519
2211下载 jquerydeviantartmuro绘图插件 519
2212参数说明 525
2213使用 jquerydeviantartmuro绘图插件开发 Sandbox绘图应用 528
222基于 HTML5的Canvas绘图初级应用 531
2221 Canvas(画布)简介 531
2222 Canvas(画布)技术基本知识 531
223 Canvas(画布)技术初级应用 533
2231 Canvas(画布)技术绘制矩形应用 533
2232 Canvas(画布)技术清除矩形区域应用 534
2233 Canvas(画布)技术绘制圆弧应用 535
2234 Canvas(画布)技术绘制路径应用 536
2235 Canvas(画布)技术绘制线段应用 538
2236 Canvas(画布)技术绘制贝塞尔( Bezier)曲线与二次样条曲线应用 538
224 Canvas(画布)技术综合应用 ——绘制花样 540
225 Canvas(画布)技术综合应用 ——绘制复杂图样 541
226 Canvas(画布)技术综合应用 ——图形变换 542
227小结 545
资源截图:
评论(0)