易买网电子商务网页制作组方案.pptx

易买网电子商务网页 前台成果展示 组长：刘佳佳 组员：张衡 张立 徐飞扬 主要内容 主要负责：主页面头部菜单设计，注册验证编码，参数传递、购物车中商品总价计算等技术 主要负责：页面设计、整体的分块布局和注册界面 主要负责：留言簿界面设计，主界面新闻模块、商品分类模块设计 主要负责：购物车及登录界面设计，以及登录验证编码，主界面商品分类模块样式 小组成员成长 小组成员成长五度 项目特点介绍 项目客户端结构图： 文档介绍 模块划分 购物车 模块 首页模块 注册模块 登录模块 留言簿模块 首页布局 导航栏 广告位 商品分类 在一个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()事件，改变购物数量和购物车总价 留言簿 滚动字幕的显示；（） 悬浮广告栏的显示；(setInterval() 方法不停地调用函数，直到 clearInterval() 被调用) 一起成长 共同努力 遇到的问题 解决方案