b前墙开发)》实验教学指导/实验五:文字排版9 六、自主实验步骤 1、 j Query制作交互式内容显示效果 (1)使用CSs+ jQuery结合撰写一个页面,要求页面打开时,显示按钮。点击按钮时,显 示文字内容 (2)页面打开时的效果如图5-4所示,点击按钮后的效果如图5-5所示 图5-4页面打开时的效果 点击 Jquery制作弹出层提示信息。 图5-5点击按钮后的效果 请完成以下任务 任务一:编写代码,完成如图5-4所示的页面效果。(10分) 任务二:当单击“点击”按钮时,显示如图5-5所示效果。(10分) 要求 请根据要求使用 jQuery撰写交互式内容显示页面并将代码填写到实验报告 册中。 七、思考及问答 1、中文和英文的文字排版有哪些区别?(5分) 2、图文混排的版式有哪些?(5分) 2、面向移动开发时,如何区分手机和平板?(5分) 3、什么是 jQuery?为什么要使用 j Query?(5分) 河南中医药大学管理科学与工程学科 本讲共计9页|当前第9页《Web 前端开发》实验教学指导 / 实验五：文字排版 河南中医药大学管理科学与工程学科 本讲共计 9 页 | 当前第 9 页 六、自主实验步骤 1、jQuery 制作交互式内容显示效果 （1）使用 CSS+jQuery 结合撰写一个页面，要求页面打开时，显示按钮。点击按钮时，显 示文字内容。 （2）页面打开时的效果如图 5-4 所示，点击按钮后的效果如图 5-5 所示。 请完成以下任务： 任务一：编写代码，完成如图 5-4 所示的页面效果。（10 分） 任务二：当单击“点击”按钮时，显示如图 5-5 所示效果。（10 分） 要求： 请根据要求使用 jQuery 撰写交互式内容显示页面 ，并将代码填写到实验报告 册中。 七、思考及问答 1、中文和英文的文字排版有哪些区别？ （5 分） 2、图文混排的版式有哪些？（5 分） 2、面向移动开发时，如何区分手机和平板？（5 分） 3、什么是 jQuery？为什么要使用 jQuery ？（5 分） 图 5-4 页面打开时的效果 图 5-5 点击按钮后的效果