js实现三种图片切换效果报告

《js实现三种图片切换效果报告》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、北京化工大学北方学院课程设计报告课程名称应用软件实践设计题目JS实现三种图片切换效果专业、班级计科0803学号080202086姓名李浩如指导教师段雪丽设计时间2011.9.12——2011.9.302011年9月23日5一、引言（简要说明设计题目的目的、意义、内容、主要任务等）目的是用JS实现实现三种图片切换效果，所以，首先要对JS有所了解，然后配合着HTML的知识，来完成这个设计。这个设计的意义在于，让自己更了解JS和HTML的一些知识，并且实践出来。此次设计内容模拟Flash幻灯片切换效果；左右滑动切换效果；上下滑动切换效果。主

2、要任务是在有限时间内，完成这个设计，并使其运行成功。二、正文（课程设计的主要内容，包括实验与观测方法和结果、仪器设备、计算方法、编程原理、数据处理、设计说明与依据、加工整理和图表、形成的论点和导出的结论等。正文内容必须实事求是、客观真切、准确完备、合乎逻辑、层次分明、语言流畅、结构严谨，符合各学科、专业的有关要求。）主要内容用JS实现三种图片切换效果，比如模拟Flash幻灯片切换效果；左右滑动切换效果；上下滑动切换效果。实验和观测结果如下55仪器设备：电脑，ECLIPCE软件。计算方法：文字上下运动函数，图片淡入淡出函数一、结论（应当

3、准确、完整、明确精练；也可以在结论或讨论中提出建议、设想、尚待解决问题等。）在使用JS做网页图片切换效果的过程中，涉及到对函数定义和正确使用和对HTML基础知识的应用，必须掌握这些知识，才能很好做出此效果。在这过程中，有对文字的处理，对图片的点击，图片切换的淡入淡出，每帧图片停留时间，还有图片大小，都要有合理的处理方式。5通过这次学习设计，我发现自己有许多不足，很多地方都不会，特别是对JS的基础知识，很多都不知道，大多数由同学帮忙完成。所以，在以后的学习中，我会更加努力弥补不足的地方，学习更多新知识，来丰富自己技能。四、参考文献[1]

4、JavaScript高级程序设计（第二版）尼古拉斯·泽卡斯(NicholasC.Zakas)、李松峰、曹力人民邮电出版社(2010-07出版)[2]《HeadFirstHTML与CSS、XHTML》作者：（美国）弗里昂译者：林旺出版社：中国电力出版社五、指导教师评语签名：年月日课程设计成绩（五级分制）5