JavaScript+jQuery网页特效设计任务驱动教程 单元7 设计选项卡类网页.pptxVIP

网页特效设计任务驱动教程单元?7 设计选项卡类网页特效 本单元我们主要探讨实用的选项卡类网页特效的设计方法。特效赏析任务1-1 应用setInterval函数和display属性实现选项卡的手动切换和自动切换 网页0701.html中的选项卡如图7-1所示。单击选项卡标题能实现手动切换，同时该选项卡还能实自动切换。 网页0701.html中的选项卡对应的HTML代码如表7-1所示。图7-1 网页0701.html中的选项卡表7-1 网页0701.html中的选项卡对应的HTML代码 网页0701.html中实现选项卡的JavaScript代码如表7-2所示。表7-2 网页0701.html中实现选项卡的JavaScript代码图7-2 网页0702.htm中的横向选项卡任务7-2 应用jQuery的index和find等方法实现横向选项卡 网页0702.htm中的横向选项卡如图7-2所示，单击选项卡标题实现选项卡的切换。表7-3 网页0702.htm中的横向选项卡对应的HTML代码 网页0702.htm中的横向选项卡对应的HTML代码如表7-3所示。 网页0702.htm中实现横向选项卡的JavaScript代码如表7-4所示。表7-4 网页0702.htm中实现横向选项卡的JavaScript代码知识必备7.1 JavaScript的数组对象 数组类似于变量，但