UI前端技术设计说明书.pptVIP

二、设计规划或功能结构图 二、设计规划或功能结构图 三、各个功能图的效果图和源码 三、各个功能图的效果图和源码 三、各个功能图的效果图和源码 商品放大镜 代码如下： HTML代码： body h3放大镜/h3 div id=main style=width: 500px; height: 350px; padding: 20px; overflow: hidden; zoom: 1; div id=canvas1 img alt= style=width: 400px; height: 300px; position: absolute; src=imgs/purple rose.jpg / div id=div1 /div /div div id=div2 /div div input type=text id=message style=margin-top: 10px; //div /div /body JQuery代码如下： $(function(){ $(#div1).css({opacity:0.3}).draggable({ containment:parent, cursor:move, drag:function(){ var pos=$(this).position(); $(#div2).css(backgroundPosition,pos.left*(-2)+px +pos.top*(-2)+px); $(#message).val(鼠标所处位置：+pos.left+,+pos.top); } }); $(#canvas1).mouseover(function(){ $(#div1).show(); }); $(#canvas1).mouseout(function(){ $(#div1).hide(); }); }); 五、设计工作后记 使用Jquery，不仅仅可以让我们更加高质高效地编写Javascript代码，而且其中的功能，让我们可以很轻松地实现诸如表单验证、表格处理、Ajax、视觉特效等很棒的功能，让我们的用户更好的体验。选择Jquery，它容易上手，大部分思想都是从HTML和CSS的结构中借鉴而来的。Jquery能够做出各种各样的动态效果。别看Jquery如此小巧，它的功能可是很强大的哦。我很遗憾大学时没有去关注这个知识点。 在本次毕业论文中，华大易老师给了我很大帮助和支持。易老师认真负责的工作态度，严谨的治学精神和深厚的理论水平都使我受益匪浅，我表示衷心的感谢；再次，我还要感谢指导我毕业论文的林丽姝老师，是你悉心的照顾和无微不至的关怀，不仅使我在理论上和实践中有所认识，而且在专业水平和实践能力上有了巨大的提高，才能使我顺利的完成此次的毕业论文。 郑浩 UI前端技术设计说明书 设计概述 设计规划或功能结构图 各个功能图的源码和效果图 参考文献和资料 目 录 设计工作后记 希望把近期在华大锐志所学到的知识汇总。然后根据自己的idear设计一个新颖的网站。大学时期做一个动态网站需要Flash软件来实现。现在我们实现一个小小的动画只需要几行代码了。 1.设计目标总述 一、设计概述 点击添加标题 一、设计概述 用户可以在没有联网的情况下也能 校验身份证 模拟键盘 商品放大镜 等。 2.该设计解决的问题 一、设计概述 该设计需要运行的环境： 处理器 酷睿双核i3处理器 CPU速度 2.2GHz 内存容量 2GB 分辨率 1024 x 768以上 网络设备 配有有线网卡和无限网卡 设备：火狐浏览器；前端设计开发工具 Adobe Photoshop CS，Visual Studio Team System 2008 Team Suite，Visual Studio 2008 Service Pack 1，VS90SP1-KB957507IETester 3.该设计需要的运行环境和设备 1.画出设计的模块总图 2.总图1 2.总图2 各个功能图 各个功能图 2.部分源码 1.电子资料