单元9设计页面类网页特效(JavaScript+jQuery网页特效设计实例).ppt

单元9 设计页面类网页特效 任务9-1 实现页面换肤网页特效 任务9-2 根据日期特征动态切换背景 浏览网页0902.html的外观效果如图9-2所示，该网页会根据日期特征动态切换背景。 图9-2　浏览网页0902.html的外观效果 【知识必备】 9.1　正确使用cookie 9.2　正确区分jQuery对象和DOM对象 【引导训练】 任务9-3 根据屏幕宽度自动设置 网页背景和导航栏 【任务描述】 网页0903.html中导航栏的部分内容和网页背景如图9-3所示。 编写代码实现根据屏幕宽度自动设置网页背景和导航栏的功能。 图9-3　网页0903.html中导航栏的部分内容和网页背景 任务9-4 页面快捷导航菜单的显示与隐藏 【任务描述】 在网页0902.html中，编写代码实现以下功能。 （1）当滚动条向下滑动到一定的距离时，自动显示如图9-4所示的快捷导航菜单。反之，当滚动条向上滑动到小于一定的距离时自动隐藏该快捷导航菜单。 （2）单击“回到顶部”超链接时返回页面顶部。 （3）在该快捷导航菜单中单击超链接“分类导航”可折叠其下方的相关内容，如图 9-5所示。 图9-4　网页0902.html中的快捷导航菜单 图9-5　网页0902.html中折叠分类导航内容 任务9-5 下拉窗口的打开与自动隐藏 【任务