精通JavaScript+jQuery 100%动态网页设计密码PDF|Epub|txt|kindle电子书版本网盘下载

精通JavaScript+jQuery 100%动态网页设计密码PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1篇 JavaScript基础篇2

第1章 JavaScript概述2

1.1 JavaScript的起源3

1.1.1 新鲜的玩意儿3

1.1.2 不仅仅是网页中的代码3

1.1.3 典型的JavaScript脚本3

1.2 浏览器之争4

1.2.1 DHTML5

1.2.2 浏览器之间的冲突5

1.2.3 标准的制定5

1.3 JavaScript的实现5

1.3.1 ECMAScript6

1.3.2 DOM6

1.3.3 BOM6

1.3.4 新的开始6

1.4 JavaScript小体验6

1.4.1 案例1——定时打开窗口7

1.4.2 案例2——日期选择器7

高手私房菜8

技巧：在HTML中嵌入JavaScript的方法8

第2章 JavaScript基础9

2.1 JavaScript的语法10

2.2 变量10

2.3 数据类型11

2.3.1 字符串12

2.3.2 数值14

2.3.3 布尔型15

2.3.4 类型转换15

2.3.5 数组16

2.4 关键字19

2.5 保留字19

2.6 条件语句20

2.6.1 比较运算符20

2.6.2 逻辑运算符20

2.6.3 if语句21

2.6.4 switch语句21

2.7 循环语句22

2.7.1 while语句22

2.7.2 do...while语句22

2.7.3 for语句22

2.7.4 break和continue语句23

2.7.5 for...in语句24

2.8 函数25

2.8.1 定义和调用函数25

2.8.2 用arguments对象访问函数的参数26

2.9 对象27

2.9.1 对象简介27

2.9.2 时间日期：Date对象28

2.9.3 数学计算：Math对象30

2.10 BOM基础32

2.10.1 window对象32

2.10.2 document对象34

2.10.3 location对象34

2.10.4 navigator对象35

2.10.5 screen对象35

高手私房菜36

技巧1：如何快速检查语法36

技巧2：简略语句36

第3章 JavaScript开发37

3.1 JavaScript的应用环境38

3.1.1 客户端JavaScript38

3.1.2 其他环境中的JavaScript39

3.1.3 客户端JavaScript网页中的可执行内容39

3.1.4 客户端JavaScript的特性40

3.2 常用的开发工具41

3.2.1 附带测试的开发工具——TestSwarm41

3.2.2 半自动化开发工具——Minimee41

3.2.3 轻松建立JS库的开发工具——JavaScriptBoilerplate42

3.3 常用的调试工具42

3.3.1 万能调试工具——Drosera43

3.3.2 最规则的调试工具——Dragonfly43

3.3.3 Firebug43

3.3.4 前端调试利器——Debugbar44

3.3.5 支持浏览器最多的工具——Venkman44

3.4 案例1——用JavaScript计算借贷支出46

3.5 案例2——九九乘法表48

高手私房菜49

技巧1：更多的Venkman调试方法49

技巧2：开发中常用到的快速数组创建方法50

第4章 CSS基础51

4.1 CSS的概念52

4.1.1 网页标记的概念52

4.1.2 HTML与CSS的优缺点52

4.1.3 浏览器对CSS的支持52

4.2 网页设计中的CSS53

4.2.1 使用CSS能做什么53

4.2.2 CSS的局限性是什么53

4.3 使用CSS控制页面53

4.3.1 行内样式55

4.3.2 内嵌式56

4.3.3 导入样式57

4.4 CSS选择器58

4.4.1 标记选择器58

4.4.2 类别选择器59

4.4.3 ID选择器59

4.5 CSS设置文字效果60

4.5.1 CSS文字样式60

4.5.2 CSS段落文字61

4.5.3 首字放大63

4.6 CSS设置图片效果64

4.6.1 图片的边框64

4.6.2 图文混排66

4.7 CSS设置页面背景67

4.7.1 背景颜色67

4.7.2 背景图片68

4.7.3 背景图的重复设置69

4.8 CSS超链接70

4.8.1 动态超链接70

4.8.2 按钮式超链接71

4.8.3 CSS控制鼠标指针72

4.9 CSS制作实用菜单73

4.9.1 项目列表73

4.9.2 无需表单的菜单75

高手私房菜77

技巧1：如何快速掌握CSS77

技巧2：辅助CSS的JavaScript语法——用JSON存储数据77

第5章 CSS进阶79

5.1 了解块级元素和行内级元素80

5.1.1 块级元素和行内级元素的不同80

5.1.2 关于div元素和span元素81

5.2 DIV标记与SPAN标记布局网页81

5.2.1 盒子模型的概念83

5.2.2 网页border区域定义85

5.2.3 网页padding区域定义86

5.2.4 网页margin区域定义88

5.3 CSS布局定位89

5.3.1 浮动定位89

5.3.2 position定位91

5.4 盒子的浮动93

5.5 盒子的定位95

5.6 案例1——图文层叠效果96

5.7 案例2——歌曲编辑列表97

5.8 案例3——菜单99

高手私房菜101

技巧1：使用CSS sprites技术加速图片展示性能101

技巧2：操作CSS的高效JavaScript语法102

第6章 DOM模型103

6.1 DOM及DOM技术简介104

6.1.1 DOM简介104

6.1.2 DOM技术的简单应用104

6.1.3 基本的DOM方法105

6.2 网页中的DOM模型框架108

6.3 DOM模型中的节点109

6.3.1 元素节点109

6.3.2 文本节点110

6.3.3 属性节点111

6.4 使用非标准DOMinnerHTML属性112

6.5 DOM与CSS113

6.5.1 三位一体的页面114

6.5.2 使用className属性115

高手私房菜116

技巧1：通过className添加CSS116

技巧2：如何检查浏览器支持的DOM标准级别116

第2篇 JavaScript高级篇118

第7章 事件机制118

7.1 事件机制简介119

7.2 常用的事件函数119

7.2.1 鼠标操作事件119

7.2.2 键盘操作事件121

7.2.3 其他事件122

7.3 案例1——屏蔽鼠标右键123

7.3.1 方法1：使用鼠标事件函数123

7.3.2 方法2：使用鼠标事件监听124

7.4 案例2——伸缩的两级菜单125

7.4.1 建立HTML框架125

7.4.2 设置各级菜单的CSS样式风格126

7.4.3 为菜单添加伸缩效果127

高手私房菜128

技巧：事件处理步骤128

第8章 表格与表单129

8.1 用CSS控制表格样式130

8.1.1 理解表格的相关标记130

8.1.2 设置表格的颜色131

8.1.3 设置表格的边框132

8.2 用DOM动态控制表格133

8.2.1 动态添加表格133

8.2.2 修改单元格内容135

8.2.3 动态删除表格136

8.3 控制表单138

8.3.1 理解表单的相关标记与表单元素138

8.3.2 用CSS控制表单样式140

8.3.3 访问表单中的元素142

8.3.4 公共属性与方法142

8.3.5 提交表单143

8.4 设置文本框144

8.4.1 控制用户输入字符个数144

8.4.2 设置光标经过时自动选择文本146

8.5 设置单选按钮147

8.6 设置复选框149

8.7 设置下拉菜单151

8.7.1 访问选中项151

8.7.2 添加、替换、删除选项154

8.8 案例——自动提示的文本框155

8.8.1 建立框架结构156

8.8.2 实现匹配用户输入157

8.8.3 显示提示框158

高手私房菜160

技巧1：复杂表单的设计技巧160

技巧2：在客户端通过JavaScript控制多次提交160

第9章 JavaScript的调试与优化161

9.1 常见的错误和异常162

9.1.1 拼写错误162

9.1.2 访问不存在的变量162

9.1.3 括号不匹配162

9.1.4 字符串和变量连接错误163

9.1.5 等号与赋值混淆163

9.2 错误处理164

9.2.1 用alert（）和document.write（）方法监视变量值164

9.2.2 用onerror事件找到错误165

9.2.3 用try...catch语句找到错误166

9.3 使用调试器167

9.3.1 用Firefox错误控制台调试167

9.3.2 用Microsoft Script Debugger调试168

9.3.3 用Venkman调试169

9.4 JavaScript优化169

9.4.1 缩短代码下载时间169

9.4.2 合理声明变量170

9.4.3 使用内置函数缩短编译时间171

9.4.4 合理书写if语句171

9.4.5 最小化语句数量171

9.4.6 节约使用DOM171

高手私房菜172

技巧1：通过try…catch逐渐缩小范围查找错误172

技巧2：其他调试常用注意事项172

第10章 Ajax基础173

10.1 认识Ajax174

10.1.1 Ajax的基本概念174

10.1.2 Ajax的组成部分174

10.1.3 为什么要用Ajax174

10.2 Ajax异步交互175

10.2.1 什么是异步交互175

10.2.2 异步对象连接服务器175

10.2.3 GET和POST模式178

10.2.4 服务器返回XML181

10.2.5 处理多个异步请求184

10.3 Ajax框架186

10.3.1 使用AjaxLib186

10.3.2 使用AjaxGold188

10.4 案例1——制作可自动校验的表单190

10.4.1 搭建框架190

10.4.2 建立异步请求190

10.4.3 服务器端处理191

10.4.4 显示异步查询结果192

10.5 案例2——制作带自动提示的文本框193

高手私房菜195

技巧1：使用Ajax时IE缓存问题的解决方法195

技巧2：使用Ajax时的浏览器兼容性196

第3篇 jQuery框架篇198

第11章 jQuery基础198

11.1 认识jQuery199

11.1.1 jQuery的技术优势199

11.1.2 下载并使用jQuery201

11.2 jQuery的“＄”201

11.2.1 选择器201

11.2.2 功能函数前缀202

11.2.3 解决windows.onload函数的冲突203

11.2.4 创建DOM元素203

11.2.5 自定义添加“＄”204

11.2.6 解决“＄”的冲突205

11.3 jQuery与CSS 3205

11.3.1 CSS 3标准205

11.3.2 浏览器的兼容性206

11.3.3 jQuery的引入207

11.4 采用jQuery链208

11.5 jQuery的开发工具209

11.5.1 JavaScript Editor Pro209

11.5.2 Dreamweaver209

11.5.3 UltraEdit210

11.6 jQuery的调试工具210

11.6.1 Firefox的利器——FireBug210

11.6.2 Blackbird212

11.6.3 Visual Studio 2008213

11.6.4 其他调试工具214

11.7 案例——我的第一个jQuery程序214

11.7.1 开发前的一些准备工作215

11.7.2 具体的程序开发215

高手私房菜216

技巧1：jQuery变量和普通JavsScript变量不能混淆216

技巧2：让jQuery代码更安全216

第12章 用jQuery控制页面217

12.1 标记的属性218

12.1.1 each（）遍历元素218

12.1.2 获取属性的值219

12.1.3 设置属性的值220

12.1.4 删除属性221

12.2 设置元素的样式221

12.2.1 添加、删除CSS类别221

12.2.2 在类别间动态切换222

12.2.3 实例——制作隔行颜色交替变换的表格223

12.2.4 直接获取、设置样式223

12.2.5 处理页面元素224

12.3 直接获取、编辑内容224

12.3.1 移动和复制元素226

12.3.2 删除元素227

12.3.3 克隆元素228

12.4 处理表单元素的值229

12.4.1 获取表单元素的值229

12.4.2 设置表单元素的值230

12.5 处理页面事件231

12.5.1 绑定事件监听231

12.5.2 移除事件监听232

12.5.3 传递事件对象233

12.5.4 触发事件234

12.5.5 实现单击事件的动态交替235

12.5.6 实现感应鼠标236

12.6 案例——快餐配送页面236

12.6.1 框架搭建236

12.6.2 添加事件238

12.6.3 设置样式风格240

高手私房菜241

技巧1：同时使用两个不同版本的jQuery241

技巧2：jQuery实现两列的高度相等242

第13章 用jQuery制作动画与特效243

13.1 显示和隐藏元素244

13.1.1 使用show（）和hide（）方法244

13.1.2 案例——制作多级菜单245

13.1.3 使用toggle（）方法实现显隐切换246

13.2 元素显隐的渐入渐出效果247

13.2.1 使用show（）、hide（）和toggle（）方法247

13.2.2 使用fadeIn（）和fadeOut（）方法249

13.2.3 使用fadeTo（）方法自定义变幻目标透明度251

13.3 幻灯片效果252

13.4 案例——制作伸缩的导航条253

高手私房菜255

技巧1：使用stop（）方法停止动画255

技巧2：妙用slideDown和slideUp方法256

第14章 jQuery的功能函数257

14.1 什么是功能函数258

14.2 功能函数的分类258

14.2.1 浏览器的检测258

14.2.2 数组和对象的操作259

14.2.3 字符串操作261

14.2.4 测试操作262

14.2.5 URL操作263

14.3 函数的扩展263

14.4 处理JavaScript对象265

14.4.1 使用＄.each（）方法遍历265

14.4.2 过滤数据266

14.4.3 转化数据267

14.4.4 搜索数组元素268

14.5 获取外部代码269

14.6 其他函数——＄.proxy（）270

高手私房菜271

技巧1：易出现的变量作用域错误271

技巧2：jQuery访问原生属性和方法272

第15章 jQuery与Ajax的综合应用273

15.1 加载异步数据274

15.1.1 传统的JavaScript方法274

15.1.2 jQuery中的load（）方法276

15.1.3 jQuery中的全局函数getJSON（）277

15.1.4 jQuery中的全局函数getScript（）279

15.1.5 jQuery中异步加载XML文档281

15.2 请求服务器数据281

15.2.1 ＄.get（）请求数据281

15.2.2 ＄.post（）请求数据283

15.2.3 serialize（）序列化表单285

15.3 ＄.ajax（）方法286

15.3.1 ＄.ajax（）基本概念286

15.3.2 ＄.ajaxsetup（）设置全局Ajax288

15.4 Ajax中的全局事件289

15.4.1 Ajax全局事件的基本概念289

15.4.2 ajaxStart与ajaxStop全局事件289

15.5 案例——用Ajax实现新闻点评即时更新291

15.5.1 需求分析291

15.5.2 效果界面设计292

15.5.3 功能实现步骤292

15.5.4 代码分析297

高手私房菜300

技巧1：使用＄.load函数300

技巧2：使用服务器脚本检查Ajax请求300

第16章 jQuery插件的开发与使用301

16.1 什么是jQuery插件302

16.1.1 jQuery插件简介302

16.1.2 如何使用插件302

16.2 几个好用的jQuery插件304

16.2.1 Form插件304

16.2.2 jQueryUI插件305

16.2.3 clueTip插件305

16.3 开发自己的插件306

16.3.1 从一个简单的插件谈起306

16.3.2 jQuery的插件机制309

16.3.3 jQuery插件开发的方法310

16.4 案例——模拟搜狐热门调查311

16.5 UI插件315

16.5.1 鼠标拖曳页面板块315

16.5.2 拖入购物车316

16.5.3 流行的Tab菜单318

高手私房菜320

技巧：插件的编写框架320

第4篇 实战篇322

第17章 影音视频类网站分析——优酷网322

17.1 优酷网分析323

17.1.1 设计分析323

17.1.2 功能分析326

17.2 制作自己的网站——龙马影视网331

17.2.1 网站分析331

17.2.2 网站设计332

17.2.3 网站制作334

高手私房菜350

技巧：嵌入Flash视频350

第18章 电子商务类网站分析——京东商城353

18.1 京东商城分析354

18.1.1 设计分析354

18.1.2 功能分析356

18.2 制作自己的网站——龙马商务网359

18.2.1 网站分析360

18.2.2 网站设计360

18.2.3 网站制作363

高手私房菜386

技巧1：图片验证码386

技巧2：与后台交互388