1成绩评定表
学生姓名专业崔小珊班级学号1103030104
基于JavaScript的网页鼠标特效设计
电子信息工课程设计题目程
评
语组长签字:
成绩
日期
2012年月
日
f2课程设计任务书
学院信息学院崔小珊专业班级学号电子信息工程1103030104
学生姓名课程设计题目
基于JavaScript的网页鼠标特效设计
实践教学要求与任务基于JavaScript设计网页,网页可以在IE中运行(设置成允许脚本访问)。实现如下鼠标特效:
1十字准星十字准星是鼠标的又一个效果,鼠标在页面上有个坐标,以这个点为交点的竖直和水平的两条直线,始终跟随着鼠标,像一个准星一样。这个效果是一个特别酷的效果,有点类似于狙击枪的准星。2鼠标跟踪动画鼠标特效里还有一个比较有趣的效果,就是一些小图标跟随着鼠标的运动轨迹而运动,这个特效能够设置跟随鼠标的图片,同时还能变化为跟随鼠标的文字。本例主要是通过JavaScript获得了鼠标的位置,使得图片的位置随着鼠标的位置更改,这样就实现了鼠标跟踪的效果,指定的图片可以跟踪鼠标的滑动轨迹而跟着滑动,本例通过几个大小不一的图片,使得跟随鼠标的图片由小大,显得非常有动画的感觉。工作计划与进度安排第18周:布置课程设计任务,查阅资料,分组设计,程序调试。第19周:程序调试,编写课程设计报告,验收,答辩。
指导教师:
专业负责人:
学院教学副院长:
2012年
月
日
2012年
月
日
2012年
月
日
f目录
1成绩评定表2课程设计任务书3正文
31程序设计目的432程序的总体设计5
321十字准星的设计5322鼠标跟踪动画的设计5
41程序的关键技术6
411关键技术6412javascript对象表6
51程序流程图7
511十字准星流程图7512鼠标跟踪动画流程图8
61程序的主要源代码9
611十字准星源代码9612鼠标跟踪源代码13
71程序运行结果
16
711十字准星运行结果的截图16712鼠标跟踪运行结果的截图17
81心得体验20
4参考资料20
3
f3正文
32程序设r