JavaScript前端开发程序设计项目式教程（第2版） 实验9 操作元素样式.pdf

Xxx学院实验报告 姓名：__________ 学号：______ 班级：___________ 指导老师： xxx 实验成绩：_______ 实验 操作元素样式 一、实验目的 1、掌握操作元素样式的方法 二、实验仪器：微机 （台） 三、实验内容 1、根据给定的五张图片，实现自动轮播图 （递进完成） 1）五张图片轮播一次 2 ）五张图片一直在轮播 3 ）切换效果平滑过渡 2 、改变新闻网页中字号 1）山东省人民政府网站中 “要闻动态”，选择某一新闻，打开页面，如图1 所示。 选择字号 图1 山东省人民政府网站 2）设计如图1所示的界面，要求当网络访问者选择字号中的【大、中、小】时能实现页 面字号大小变化，选择 “中”时，页面效果如图2所示。 图2 单击前初始状态页面 3）`给定2.html，补充代码使用三个函数实现如下效果：  点击 “小”，字体变成16px  点击 “中”，字体变成20px，首行文字中 “山东信息职业技术学院”文字加粗显示， 文字颜色变成黄色  点击 “大”，字体变成30px，文字中所有的引号中的内容文字加粗，背景颜色变成黄 色。 提示：考虑尝试提前定义一个样式。 最后优化为一个函数实现。 3、实现孙悟空的动画效果 四、实验要求 认真上机，按照实验内容完成实验报告。