实验项目十九 用 javascript 制作网页特效
【学 时 数】 2 ( 45 分钟× 2=90 分钟)
【实验内容】
1 、利用 JavaScript 制作文字颜色变换特效
2 、利用 JavaScript 制作网页背景颜色变换特效
3 、利用 JavaScript 制作图片淡入淡出特效
4 、利用 JavaScript 制作文字跟随鼠标特效
【实验参考】
《网页设计与制作》 ………………………………………………………… 重
庆大学出版社
《网页制作技巧与实例》 …………………………………………………… 清
华大学出版社
《 javascript 入门与提高》 ……………………………………………… 清华
大学出版社
《 javascript 宝典》 ……………………………………………………… 电子
工业出版社
【实验设备】
计算机,投影机
【实验目的与要求】
1 、理解 JavaScript 语言的交互性和动态性
2 、掌握如何利用 JavaScript 语言制作网页特效
【实验重点】
1 、掌握在网页中插入 JavaScript 代码的方法
2 、利用 JavaScript 实现网页动态效果
【实验难点】
1 、网页中特殊效果的实现方法
【实验方式】
1 、项目工程互动式教学法
2 、“讲、学、练”相结合:对于用 javascript 制作网页特效相关细节,大量
采用演示、讲解和操作等方式。使学生在实验中加深对相关内容的理解并熟练
掌握。
【实验设计】
向学生演示四个 javascript 特效网页案例,学生跟着教师一起操作完成这四
个实验项目,同时完成教师布置的思考题,教师实施指导。
第一步:演示文字颜色变换特效,学生按照教师的操作步骤,自己动手实