Javascript特效实战PDF|Epub|txt|kindle电子书版本网盘下载

Javascript特效实战PDF格式电子书版下载

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

学习情境1 JS动态显示内容1

1.1 任务引入1

1.2 任务分析1

1.2.1 任务目标1

1.2.2 设计思路1

1.3 任务实施2

任务1 创建站点和HTML页面2

任务2 在页面中添加JS代码3

任务3 实现JS在页面中动态显示内容4

1.4 知识小结5

1.4.1 ＜script＞标签5

1.4.2 document.write()5

1.4.3 JS代码添加方式5

1.5 知识拓展6

1.5.1 警告框alert6

1.5.2 JS中的数据类型6

1.5.3 JS中的变量7

1.6 能力拓展8

1.6.1 常用JS调试方法8

1.6.2 写出优秀JS程序的基础——良好的编码习惯8

1.7 思考与练习8

学习情境2 简易计算器9

2.1 任务引入9

2.2 任务分析9

2.2.1 任务目标9

2.2.2 设计思路10

2.3 任务实施10

任务1 站点的建立以及页面的布局10

任务2 按钮功能的实现11

任务3 加减乘除的实现12

2.4 知识小结14

2.4.1 通过id获取页面标签14

2.4.2 获取文本框的值14

2.4.3 数据类型转换15

2.4.4 基本运算符16

2.5 知识拓展17

2.5.1 函数17

2.5.2 按钮的单击事件17

2.6 能力拓展18

2.7 思考与练习18

学习情境3 表单验证19

3.1 任务引入19

3.2 任务分析19

3.2.1 任务目标19

3.2.2 设计思路20

3.3 任务实施21

任务1 表单结构布局21

任务2 及时判断输入信息23

任务3 获取和验证输入信息24

任务4 阻止错误信息的提交125

任务5 阻止错误信息的提交227

3.4 知识小结28

3.4.1 表单＜form＞的onsubmit事件28

3.4.2 字符串的length属性与indexof()方法28

3.5 知识拓展29

3.5.1 条件判断语句if...else29

3.5.2 一些简单的字符串操作29

3.6 能力拓展31

HTML5表单验证31

3.7 思考与练习31

学习情境4 二级菜单32

4.1 任务引入32

4.2 任务分析32

4.2.1 任务目标32

4.2.2 设计思路33

4.3 任务实施33

任务1 在页面中添加banner（横幅广告）结构33

任务2 页面中一级菜单的布局35

任务3 页面中二级菜单的布局36

任务4 显示二级菜单38

任务5 隐藏二级菜单40

4.4 知识小结40

4.4.1 二级菜单的结构特点40

4.4.2 二级菜单的样式特点41

4.4.3 onmouseover与onmouseout事件41

4.5 知识拓展41

4.5.1 getElementById与getElementsByTagName41

4.5.2 JS控制标签的CSS属性42

4.5.3 JS中的事件43

4.5.4 函数的传参44

4.6 能力拓展45

4.7 思考与练习45

学习情境5 电子时钟46

5.1 任务引入46

5.2 任务分析46

5.2.1 任务目标46

5.2.2 设计思路47

5.3 任务实施47

任务1 时钟结构布局47

任务2 获取系统时间48

任务3 显示系统时间49

任务4 时间走动50

5.4 知识小结51

5.4.1 Date对象51

5.4.2 innerHTML属性53

5.4.3 计时器：setInterval54

5.5 知识拓展55

5.5.1 函数延迟调用：setTimeout55

5.5.2 选择流程语句：switch57

5.6 能力拓展58

5.6.1 双位数显示时间58

5.6.2 计算时间间距58

5.7 思考与练习60

学习情境6 选项卡61

6.1 任务引入61

6.2 任务分析61

6.2.1 任务目标61

6.2.2 设计思路62

6.3 任务实施62

任务1 选项卡结构布局62

任务2 获取选项卡标签64

任务3 修改标签样式65

任务4 关联选项卡所选标签和对应的内容66

6.4 知识小结68

6.4.1 关键字：this68

6.4.2 className属性69

6.4.3 标签的自定义属性69

6.5 知识拓展71

6.5.1 childNodes与children71

6.5.2 循环语句：for语句72

6.6 能力拓展72

自定义属性兼容性72

6.7 思考与练习73

学习情境7 无缝滚动74

7.1 任务引入74

7.2 任务分析74

7.2.1 任务目标74

7.2.2 设计思路75

7.3 任务实施75

任务1 页面公告板块的布局75

任务2 实现公告的无缝向上滚动77

任务3 鼠标控制无缝滚动的暂停与开始81

7.4 知识小结82

7.4.1 滚动原理82

7.4.2 offsetHeight属性82

7.5 知识拓展82

7.5.1 innerHTML属性82

7.5.2 offsetHeight和offsetWidth属性84

7.6 能力拓展84

7.6.1 垂直图片滚动84

7.6.2 内容的水平滚动（图片或文字）84

7.7 思考与练习85

学习情境8 图片切换86

8.1 任务引入86

8.2 任务分析86

8.2.1 任务目标86

8.2.2 设计思路87

8.3 任务实施87

任务1 图片切换的结构布局87

任务2 建立对象数组90

任务3 图片自动切换90

任务4 序号标签切换91

任务5 鼠标控制图片切换92

8.4 知识小结93

8.5 知识拓展94

8.5.1 getElementsByTagName方法94

8.5.2 style属性和className属性96

8.6 能力拓展101

JS动态控制标签事件101

8.7 思考与练习102

学习情境9 省市级联103

9.1 任务引入103

9.2 任务分析103

9.2.1 任务目标103

9.2.2 设计思路103

9.3 任务实施105

任务1 建立省市数据105

任务2 创建数据关联106

任务3 加载省市数据107

任务4 显示省市信息108

9.4 知识小结110

9.4.1 一维数组和多维数组110

9.4.2 body.onload事件111

9.4.3 select对象113

9.5 知识拓展115

文档对象模型（DOM）115

9.6 能力拓展123

9.6.1 DOM方式动态创建表格123

9.6.2 制作列表隔行变色124

9.6.3 退出系统确认框制作125

9.7 思考与练习126

学习情境10 jQuery制作二级菜单127

10.1 任务引入127

10.2 任务分析127

10.2.1 任务目标127

10.2.2 设计思路128

10.3 任务实施128

任务1 二级菜结构与样式编写128

任务2 jQuery文件的引入130

任务3 jQuery实现二级菜单效果131

10.4 知识小结133

10.4.1 jQuery的基础选择器：$()133

10.4.2 jQuery的ready函数135

10.4.3 添加jQuery事件136

10.4.4 jQuery的hover事件137

10.4.5 二级菜单的显示与隐藏137

10.5 知识拓展137

10.5.1 jQuery基础动画效果137

10.5.2 jQuery过滤选择器138

10.6 能力拓展140

10.6.1 jQuery隔行变色140

10.6.2 透明度变化式二级菜单效果140

10.7 思考与练习141

学习情境11 jQuery制作选项卡142

11.1 任务引入142

11.2 任务分析142

11.2.1 任务目标142

11.2.2 设计思路143

11.3 任务实施143

任务1 制作选项卡的结构与样式143

任务2 制作选项卡标题特效146

任务3 制作选项卡内容特效147

11.4 知识小结148

11.4.1 index()函数149

11.4.2 eq()函数149

11.4.3 选项卡的结构特点149

11.5 知识拓展149

11.5.1 jQuery样式操作150

11.5.2 jQuery DOM操作150

11.6 能力拓展151

11.6.1 单行背景色变化151

11.6.2 添加删除附件152

11.7 思考与练习153

学习情境12 AJAX注册用户名检测154

12.1 任务引入155

12.2 任务分析156

12.2.1 任务目标156

12.2.2 设计思路156

12.3 任务实施157

任务1 表单页面布局157

任务2 失去焦点事件处理函数158

任务3 AJAX用户名验证实现158

12.4 知识小结162

12.4.1 XmlHttpRequest对象的创建162

12.4.2 AJAX处理用户请求关键步骤163

12.5 知识拓展164

12.5.1 JS对象与JSON数据164

12.5.2 XML DOM166

12.6 能力拓展169

12.6.1 使用post发送数据请求169

12.6.2 使用JSON数据响应结果170

12.7 思考与练习171

附录172

附录1 Javascript正则表达式172

附1.1 正则表达式简介172

附1.2 正则表达式基础语法172

附1.3 Javascript正则表达式的使用175

附1.4 常用正则表达式速查176

附录2 jQuery常用插件177

附2.1 表单验证插件：Validation177

附2.2 日历插件：Datepicker182

附2.3 图片局部放大插件：cloud-zoom183

附2.4 其他常用jQuery插件184