效果的横向下拉菜
单
【任务611】应用jQuery的slideDow
和fadeOut等方法设计下拉菜单
【任务71】应用setI
terval函数和display属性实现选项卡的手动切换和自动
特效赏析切换
【任务72】应用jQuery的i
dex和fi
d等方法实现横向选项卡
【任务73】应用DOM的className和style等属性设计纵向选项卡
【任务74】应用DOM的className和style等属性设计横向选项卡
引导训练【任务75】应用仿jQuery的attr方法设计横向选项卡
【任务76】应用JavaScript的push和jQuery的a
imate等方法设计横向选项卡与图文滚
动特效
【任务77】应用DOM的getEleme
tById和className等属性设计横向选项卡自主训练
【任务78】应用jQuery的mouseover和show等方法设计横向选项卡
【任务81】应用jQuery的each和hasClass等方法设计网页内容折叠与展开特效特效赏析
【任务82】应用jQuery的toggle和CSS等方法实现网页内容多层折叠与展开特效
【任务83】应用DOM的o
click事件和pare
tNode属性设计网页内容折叠与展开特效
【任务84】应用JavaScript的getEleme
tsByTagName和className等方法或属性设计网引导训练
页内容折叠与展开特效
【任务85】应用jQuery的bi
d和CSS等方法设计网页内容折叠与展开特效
3
fJavaScriptjQuery网页特效设计任务驱动教程
【任务86】应用jQuery的
ext和toggleClass等方法设计折叠与展开网页内容的特效
续表
单元序号单元8
单元9任务合计
训练环节自主训练特效赏析引导训练
自主训练92
网页特效设计任务【任务87】应用DOM的getEleme
tById方法和className属性设计网页内容折叠与展开特效【任务88】应用jQuery的hover和click事件设计网页内容折叠与展开特效【任务89】应用jQuery的data和a
imate等方法设计网页内容折叠与展开特效【任务91】实现页面换肤网页特效【任务92】根据日期特征动态切换背景【任务93】根据屏幕宽度自动设置网页背景和导航栏【任务94】页面快捷导航菜单的显示与隐藏【任务95】下拉窗口的打开与自动隐藏【任务96】滚动屏幕时隐藏或显示“返回顶部”导航栏【任务97】选购商品时打开购物车页面【任务98】动态切换页面背景与调整页面大小【任务99】浮动框架的高度自适应页面内容的高度【任务910】随着屏幕高度变化隐藏或显示“返回顶部”导航栏
4．JavaScript和jQuery相关知识的选取与序化
单元序号
JavaScript知识导航
（1）JavaScript简介
（2）JavaScript主要的语法规则
（3）JavaScript常用的开发工具
（4）在HTML文档中嵌入JavaScript代码的方法
（5）JavaScript的注释单元1
（6r