《Web交互开发》实验教学指导/实验五: jQuery动画 2、文章排版 (1)当有大量的段落内容时,有时仅需要显示一部分的内容,隐藏一部分的内容,单击页面 中的“显示”按钮,可以査看全部内容,单击“隐藏”将部分内容隐藏。 (2)样式如图所示5-2-1,5-2-2所示 优秀的程序开发员,除需握专业 个优秀的程序开发员,除需掌握专业 的开发语言,还要具有执着、沉稳、细致的 的开发语言,还要具有显示 专业素质息菰 图5-2-2文章排版 图5-2-1文章排版 (3)请完成下面的任务 任务一:编写如图5-2-1和5-2-2的程序。(10分) 要求 请将上述任务的操作方法,填写到实验报告册中。 3、图片的淡入淡出 (1)针对图片进行操作,单击 fadeIn时图片进入,单击 fadeOut时图片消失,另外还可设置 图片的不透明度,例如1.00.8,0602等。初始化时如图5-3-1所示,失去焦点时如图5-3-2所示。 fadwinbso0ut DM 图5-3-1初始效果 图5-3-2不透明度为04时的效果 )完成下述任务。 任务一:编写程序实现图片淡入淡出的效果。(10分) 任务二:编写程序实现图片不透明度的设置效果。(10分) 要求 请将上述实验任务的主要代码,填写到实验报告册中。 六、自主实验步骤(20分) 列表框的使用 本讲共计3页当前第2页《Web 交互开发》实验教学指导 / 实验五：jQuery 动画 本讲共计 3 页 | 当前第 2 页 2、文章排版 （1）当有大量的段落内容时，有时仅需要显示一部分的内容，隐藏一部分的内容，单击页面 中的“显示”按钮，可以查看全部内容，单击“隐藏”将部分内容隐藏。 （2）样式如图所示 5-2-1，5-2-2 所示。 （3）请完成下面的任务： 任务一：编写如图 5-2-1 和 5-2-2 的程序。（10 分） 要求： 请将上述任务的操作方法，填写到实验报告册中。 3、图片的淡入淡出 （1）针对图片进行操作，单击 fadeIn 时图片进入，单击 fadeOut 时图片消失，另外还可设置 图片的不透明度，例如 1.0,0.8,0.6,0.2 等。初始化时如图 5-3-1 所示，失去焦点时如图 5-3-2 所示。 （2）完成下述任务。 任务一：编写程序实现图片淡入淡出的效果。（10 分） 任务二：编写程序实现图片不透明度的设置效果。（10 分） 要求： 请将上述实验任务的主要代码，填写到实验报告册中。 六、自主实验步骤（20 分） 1、列表框的使用 图 5-2-1 文章排版 图 5-2-2 文章排版 图 5-3-1 初始效果 图 5-3-2 不透明度为 0.4 时的效果