易买网电子商务网页制作_01组

整理文档很辛苦,赏杯茶钱您下走!

免费阅读已结束,点击下载阅读编辑剩下 ...

阅读已结束,您可以下载文档离线阅读编辑

资源描述

组长:刘佳佳组员:张衡张立徐飞扬主要内容1易买网前台设计主要负责:主页面头部菜单设计,注册验证编码,参数传递、购物车中商品总价计算等技术主要负责:页面设计、整体的分块布局和注册界面主要负责:留言簿界面设计,主界面新闻模块、商品分类模块设计主要负责:购物车及登录界面设计,以及登录验证编码,主界面商品分类模块样式小组成员成长2项目特点介绍项目客户端结构图:文档介绍CSS:包含所有网页上的样式模式doc:包含了我们小组从做实训项目开始所有的文档记录html:除首页以外的所有其他网页,比如登录、注册、购物车等images:包含所有网页中设计到的图片js:包含了小组四人的js代码menu:首页3模块划分首页布局导航栏onclick点击网页跳转window.location.href传递参数a:hover鼠标上移背景变换广告位切换Js:将所要切换的图片组成一个数组的形式,并通过window.setTimeout来调用函数形成递归,每组图片切换完毕便调整计数从0开始移动Html:利用marquee/marquee这对标签来完成广告的移动,其中利用属性direction—方向,behavior—移动方式,onmouseout和onmouseover分别利用鼠标来控制它的开始、暂停,scrollamount—移动速度商品分类在一个div块内使用定义列表dl,将右拉菜单默认属性设置为hidden,调用onclick()方法实现鼠标悬停弹出菜单项。技术点1:调用iframe显示有拉菜单页面;技术点2:右拉菜单鼠标悬停显示;商品详情“加入购物车”设置onclick()事件,增加window.location.href?id=的最后一个数字,用来确认是否加入购物车“首页”设置onclick事件,删除window.location.href?id=的最后一个数字,与“加入购物车的”onclick事件一起确认是否加入购物车。注册注册栏符合要求显示对,不符合显示错:预先写在网页中用display:none提交注册,会调用所有的验证函数,全符合才能注册成功:后一个函数会调用前一个函数注册成功注册成功会跳转网页,之后等待5秒网页自动跳转到主页:用setTimeout()函数递归倒计时,当等于0时候调用clearTimeout()停止倒计时并且进行网页跳转登录1、使用localeCompare(“admin”)匹配用户名与密码(默认账号:admin;默认密码:admin)2、验证成功用window.location.href进行网页跳转和验证成功参数的传递购物车1.使用前一个网页传递产品参数2.在加减按钮点击设置onclick()事件,改变购物数量和购物车总价留言簿点击“提交留言”实现留言内容的显示;(主要涉及onclick函数调用)留言内容显示方式:向上滚动;(一个按层序的逻辑函数调用,按次序调用实现滚动,document.getelemtBYID().innerHTML))滚动字幕的显示;()悬浮广告栏的显示;(setInterval()方法不停地调用函数,直到clearInterval()被调用)4一起成长共同努力参数传递问题元素显示问题偏移技术问题点击事件问题总价问题块分布问题遇到的问题给我们团队支个招脚踏实地创新加强体验注重技术网上取经咨询老师小组讨论反复钻研解决方案5感谢陶老师14天的悉心指导,为我们小组解决了许多难题。To中软陶老师To在座各位感谢在座所有导师及同学耐心听完我的答辩。To小组全体成员感谢携手走过这14天实训的亲们,没有我们彼此的默契合作,也便不能顺利完成实训项目,在此一并致谢。

1 / 22
下载文档,编辑使用

©2015-2020 m.777doc.com 三七文档.

备案号:鲁ICP备2024069028号-1 客服联系 QQ:2149211541

×
保存成功