JavaScript实用技巧与高级应用

《JavaScript实用技巧与高级应用》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、JavaScript实用技巧与高级应用建立函数库1识别浏览器2弹出窗口3树状导航菜单和收缩式导航菜单4（本部分内容分四次讲授）下拉菜单5湖南理工职业技术学院信息工程系晴天电子课件2011年下学期第十三讲JavaScript实用技巧与高级应用（一）授课时间：2012年上学期第十三讲JavaScript实用技巧与高级应用（一）目的要求：1、掌握如何建立和调用函数库；2、通过许愿墙程序的实现掌握函数库的应用。知识点或技能点：1、建立函数库；2、调用函数库；3、使用函数库。重点难点：重点：建立和使用函数库难点：建立函数库方法手段（含教具）：教学方法：讲授法、演示法教学手段：在多媒体教室，用多媒体

2、投影机演示电子课件、程序效果、操作步骤课外作业：认真阅读电子课件，掌握每一道例题的制作。上机操作：见实训指导湖南理工职业技术学院信息工程系晴天电子课件2011年下学期第十三讲JavaScript实用技巧与高级应用（一）1建立函数库在网页设计与制作过程中，往往会重复地应用一些JavaScript函数，一般应将这些常用的函数存储在一个外置的独立的JavaScript文件中，作为网页制作的JavaScript函数库。应用时，直接调用函数库文件即可。函数库中的函数一般可分为下面6种类型：湖南理工职业技术学院信息工程系晴天电子课件2011年下学期第十三讲JavaScript实用技巧与高级应用（一）

3、用于简化程序的函数用于校验用户输入的函数用于取值与设置值的函数用于字符串处理的函数用于列表处理的函数用于网页元素显示的函数例：许愿墙网页湖南理工职业技术学院信息工程系晴天电子课件2011年下学期第十四讲JavaScript实用技巧与高级应用（二）授课时间：2012年上学期第十四讲JavaScript实用技巧与高级应用（二）目的要求：1、掌握树状导航菜单的设计和应用；2、掌握收缩式导航菜单的设计和应用。知识点或技能点：1、树状导航菜单的特点、设计和应用；2、收缩式导航菜单的特点、设计和应用；重点难点：重点：树状导航菜单的特点、设计难点：树状导航菜单的设计方法手段（含教具）：教学方法：讲授法

4、、演示法教学手段：在多媒体教室，用多媒体投影机演示电子课件、程序效果、操作步骤课外作业：认真阅读电子课件，掌握树状导航菜单和收缩式导航菜单的制作和应用。上机操作：见实训指导湖南理工职业技术学院信息工程系晴天电子课件2011年下学期第十四讲JavaScript实用技巧与高级应用（二）4树状导航菜单和收缩式导航菜单树状导航菜单效果展现例：li11-树状导航菜单.html湖南理工职业技术学院信息工程系晴天电子课件2011年下学期第十四讲JavaScript实用技巧与高级应用（二）程序设计思路页面布局：用层（CSS+DIV）布局。菜单的展开和隐藏：用层的显示和隐藏属性程序设计要点单击一级菜单，调

5、用函数w(vd)如：onClick="w('gc')“单击二级菜单，调用函数k(vd)如：onClick="k('fgc91')“程序的实现分析源程序湖南理工职业技术学院信息工程系晴天电子课件2011年下学期第十四讲JavaScript实用技巧与高级应用（二）收缩式导航菜单效果展现例：li11-收缩式导航菜单.html湖南理工职业技术学院信息工程系晴天电子课件2011年下学期第十四讲JavaScript实用技巧与高级应用（二）程序设计思路页面布局：用层（CSS+DIV）布局。菜单的展开和隐藏：用层的显示和隐藏属性展开菜单的同时收缩其他菜单：先收缩所有菜单，再展开当前菜单。程序设计要点单击

6、一级菜单，调用函数spreadMenu(n)如：onClick="javascript:spreadMenu(1)"单击二级菜单，调用函数spreadSubMenu(k)如：onClick="javascript:spreadSubMenu(1)"程序的实现分析源程序湖南理工职业技术学院信息工程系晴天电子课件2011年下学期第十五讲JavaScript实用技巧与高级应用（三）授课时间：2012年上学期第十五讲JavaScript实用技巧与高级应用（三）目的要求：1、掌握下拉菜单的设计和应用；2、掌握自动隐藏的弹出式菜单的设计和应用。知识点或技能点：1、下拉菜单的特点、设计和应用；2、自动

7、隐藏的弹出式菜单的特点、设计和应用；重点难点：重点：下拉菜单的特点、设计难点：下拉菜单的设计方法手段（含教具）：教学方法：讲授法、演示法教学手段：在多媒体教室，用多媒体投影机演示电子课件、程序效果、操作步骤课外作业：认真阅读电子课件，掌握下拉菜单和自动隐藏的弹出式菜单的制作和应用。上机操作：见实训指导湖南理工职业技术学院信息工程系晴天电子课件2011年下学期第十五讲JavaScript实用技巧与高级应用（三）5下拉菜单效果展现例：鸿