《模仿华为官网主页》---项目研发阶段性总结

作者:黄启浩

本次任务完成时间:2018年12月26日~2018年12月28日

开发工具与关键技术:DW/浏览器; 网页设计;

一、功能实现

1、点击Select Region出现遮罩层,遮罩层内的盒子可执行鼠标拖曳事件;

    通过获取鼠标在浏览器上的坐标,将鼠标事件绑定到元素上,最后计算鼠标拖曳后与元    素对象之前的距离;

 2、宽屏轮播,淡入淡出效果;通过设置盒子的透明度来达到渐隐的效果;

《模仿华为官网主页》---项目研发阶段性总结_第1张图片

3、购物车鼠标移入变化;当鼠标移到购物车字眼是展开购物车box,并且鼠标移入购 物车box是依然显示,直到鼠标移出购物车                      box;

《模仿华为官网主页》---项目研发阶段性总结_第2张图片

4、底部友情链接小切换,隐藏功能;如图轮播,可左右点击切换;

5、意见反馈点击出现遮罩层;提供表单意见反馈;

《模仿华为官网主页》---项目研发阶段性总结_第3张图片

《模仿华为官网主页》---项目研发阶段性总结_第4张图片

二、经典代码

《模仿华为官网主页》---项目研发阶段性总结_第5张图片

三、开发总结

这次小测试,让我一个小白对一些简单的javascript进一步的掌握,对之前学过的一些前端知识,比如html,css都有了很大的掌握;最大的进步就是,做这项目之前,我不会鼠标拖曳事件,不会轮播的淡入淡出,甚至还有一些细节上的错误,果然,实践才是真理,经过这轮小测试,不仅学会更简洁的方法来实现以上的功能,而且在后续的项目研发中也可以有道可循,所以,我们要认真对待每一次的测试,认真对待每一个项目,尤其在为大众做的项目,要及其细心地完成,还要对它有责任心。这就是我的一点小小的总结。

 

 

感谢大家的浏览,如有疑问可在评论留言哦!

 

 

 

 

你可能感兴趣的:(项目研发文献)