《Web交互开发》实验教学指导/实验五: jQuery动画 《Web交互开发》实验教学指导 实验五: jQuery动画 、实验目的(5分) 1、掌握 jQuery事件应用的使用方法; 2、掌握 jQuery动画效果的使用方法 3、理解 jQuery编写程序的方法 二、实验环境(5分) 1、 Windows XP/Windows7操作系统的计算机; 2、局域网网络环境,并且使用固定IP地址。 三、实验要求(5分) 1、完成网页选项卡的编写 2、完成文章排版 3、完成对图片的控制操作; 四、实验原理(5分) 1、 jQuery语法; 2、 jQuery事件的使用 3、 jQuery动画的使用。 五、实验步骤(40分) 1、网页选项卡 (1)网页选项卡:通过单击标题实现内容隐藏或显示的切换。具体效果如图5-1所示 家居电器 手 欢迎您来到电器城 图5-1网页选项卡 (2)请完成下面的任务 任务一:编写代码完成表格的HTML编写:(5分 任务二:编写代码完成 jQuery的编写。(5分) 要求 请将上述主要代码,填写到实验报告册中。 本讲共计3页|当前第1页《Web 交互开发》实验教学指导 / 实验五:jQuery 动画 本讲共计 3 页 | 当前第 1 页 《Web 交互开发》实验教学指导 实验五:jQuery 动画 一、实验目的(5 分) 1、掌握 jQuery 事件应用的使用方法; 2、掌握 jQuery 动画效果的使用方法; 3、理解 jQuery 编写程序的方法; 二、实验环境(5 分) 1、Windows XP/Windows 7 操作系统的计算机; 2、局域网网络环境,并且使用固定 IP 地址。 三、实验要求(5 分) 1、完成网页选项卡的编写; 2、完成文章排版; 3、完成对图片的控制操作; 四、实验原理(5 分) 1、jQuery 语法; 2、jQuery 事件的使用; 3、jQuery 动画的使用。 五、实验步骤(40 分) 1、网页选项卡 (1)网页选项卡:通过单击标题实现内容隐藏或显示的切换。具体效果如图 5-1 所示:。 (2)请完成下面的任务: 任务一:编写代码完成表格的 HTML 编写;(5 分) 任务二:编写代码完成 jQuery 的编写。(5 分) 要求: 请将上述主要代码,填写到实验报告册中。 图 5-1 网页选项卡