Javascript特效实战 PDF下载

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

1.1任务引入 

1.2任务分析 

1.2.1任务目标 

1.2.2设计思路 

1.3任务实施 

任务1创建站点和HTML页面 

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

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

1.4知识小结 

1.4.1＜script＞标签 

1.4.2document.write（） 

1.4.3JS代码添加方式 

1.5知识拓展 

1.5.1警告框alert 

1.5.2JS中的数据类型 

1.5.3JS中的变量 

1.6能力拓展 

1.6.1常用JS调试方法 

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

1.7思考与练习 

学习情境2简易计算器 

2.1任务引入 

2.2任务分析 

2.2.1任务目标 

2.2.2设计思路 

2.3任务实施 

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

任务2按钮功能的实现 

任务3加减乘除的实现 

2.4知识小结 

2.4.1通过id获取页面标签 

2.4.2获取文本框的值 

2.4.3数据类型转换 

2.4.4基本运算符 

2.5知识拓展 

2.5.1函数 

2.5.2按钮的单击事件 

2.6能力拓展 

2.7思考与练习 

学习情境3表单验证 

3.1任务引入 

3.2任务分析 

3.2.1任务目标 

3.2.2设计思路 

3.3任务实施 

任务1表单结构布局一 

任务2及时判断输入信息 

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

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

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

3.4知识小结 

3.4.1表单＜form＞的onsubmit事件 

3.4.2字符串的length属性与indexof（）方法 

3.5知识拓展 

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

3.5.2一些简单的字符串操作 

3.6能力拓展 

HTML5表单验证 

3.7思考与练习 

学习情境4：二级菜单 

4.1任务引入 

4.2任务分析 

4.2.1任务目标 

4.2.2设计思路 

4.3任务实施 

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

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

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

任务4显示二级菜单 

任务5隐藏二级菜单 

4.4知识小结 

4.4.1二级菜单的结构特点 

4.4.2二级菜单的样式特点 

4.4.3onmouseover与onmouseout事件 

4.5知识拓展 

4.5.1getElementByld与getElementsByTagName 

4.5.2JS控制标签的CSS属性 

4.5.3JS中的事件 

4.5.4函数的传参 

4.6能力拓展 

4.7思考与练习 

学习情境5电子时钟 

5.1任务引入 

5.2任务分析 

5.2.1任务目标 

5.2.2设计思路 

5.3任务实施 

任务1时钟结构布局 

任务2获取系统时间 

任务3显示系统时间 

任务4时间走动 

5.4知识小结 

5.4.1Date对象 

5.4.2innerHTML属性 

5.4.3计时器：setlnterval 

5.5知识拓展 

5.5.1函数延迟调用：setTimeout 

5.5.2选择流程语句：switch 

5.6能力拓展 

5.6.1双位数显示时间 

5.6.2计算时间间距 

5.7思考与练习 

学习情境6选项卡 

6.1任务引入 

6.2任务分析 

6.2.1任务目标 

6.2.2设计思路 

6.3任务实施 

任务1选项卡结构布局 

任务2获取选项卡标签 

任务3修改标签样式 

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

6.4知识小结 

6.4.1关键字：this 

6.4.2className属性 

6.4.3标签的自定义属性 

6.5知识拓展 

6.5.1childNodes与children 

6.5.2循环语句：for语句 

6.6能力拓展 

自定义属性兼容性 

6.7思考与练习 

学习情境7无缝滚动 

7.1任务引人 

7.2任务分析 

7.2.1任务目标 

7.2.2设计思路 

7.3任务实施 

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

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

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

7.4知识小结 

7.4.1滚动原理 

7.4.2offsetHeight属性 

7.5知识拓展 

7.5.1innerHTML属性 

7.5.20ffsetHeight和offsetWidth属性 

7.6能力拓展 

7.6.1垂直图片滚动 

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

7.7思考与练习 

…… 

学习情境8图片切换 

学习情境9省市级联 

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

学习情境11jQuery制作选项卡 

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

附录