汽车销售网站设计与实现前端页面制作毕业设计论文
下载本文
5.1.1 登陆（login）css样式实现 第9页 （共30页） .log-reg .login-bble tr.tr1{heighr:20px;} .log-reg .login-bble tr.tr1 em{font-size:12px;padding-rigth:20px; background:url(../images/title12.jpg) right center no-repeat; display:inline-block;width:100px;height:20px;line-height:20px;} .log-reg .login-bble tr.tr2 td{font-size:12px;} .log-reg .login-bble tr.tr2 td a{color:#A30505;} .log-reg .login-bble tr.tr2 td span{margin-right:10px;float:left;} .log-reg .login-bble tr.tr2 td span input{float:left;margin-top:2px;margin-right:5px;} .log-reg .login-bble tr.tr3 a{color:#A30505;margin-left:10px;} .log-reg .login-bble td,.log-reg .srl-tle td{color: #666;font-size: 14px;} 5.2 注册（register） 在本网站没有账号的客户需要注册账号，点击注册跳转到此页面或在首页直接点击注册，若已经注册的用户一不小心进入到此页面，可以直接点击登陆返回登陆界面，也可以点击logo返回首页，本页面实现邮箱、用户名、创建密码、确认密码所在城市、验证码、同意以下协议并注册功能。验证码看不清楚是点击换一个，注册成功输入条件①此页面有邮箱验证，若输入的数据不是邮箱组成，否则注册将不会成功；②邮箱，用户名，创建密码，确认密码，验证码都不能为空，否则注册不会成功；③创建密码与确认密码输入的数据必须一致，否则注册不会成功；④输入的验证码要与页面显示出的验证码一致，否则注册不会成功；⑤必须点击同意以下协议并注册，否则注册不会成功。这是这个页面注册的六个条件，少了其中一条，注册都不成立。功能实现的布局代码，与登陆界面的布局类似，上部分采用的是div布局，下部分采用table布局，布局代码如下： 第10页 （共30页） 效果如图4所示，图5-2： （4） 图5-2 注册界面图 5.3 汽车详情（showCon2） 点击一款汽车会显示汽车的详情,汽车详情页有上、中、下三部分组成，头 部由logo、搜索框、导航栏组成，点击logo直接放回首页，logo在网页上用图片存放，标签为img，格式为 第11页 （共30页） 相应版块时，相应li的背景发生改变，文字颜色变成红色，此效果在css中实现，有hover实现。 中部主要介绍汽车详情、产品详情、顾客评论、厂家推荐，汽车详情主要实现变速器、车型、报价、定金、库存、月销量、收藏、预约试驾、订购的数量、加入购物车或立即购买等功能，产品详情主要介绍提高驾驶安全性的配备、坡道辅助系统、降噪科技；顾客评论主要是顾客能够与厂商有更直接的方通，也方便增加大家对产品的了解，显示顾客发表的对这款车型的看法；厂家推荐是推荐出大众喜欢的车型，点击车图片显示那款车的详情，客户可以在那款车详情操作。 尾部主要介绍汽车销售商家的详细信息，客户可以联系商家，如商家姓名，电话号码，地址，备案编号,效果如图5所示，图5-3： 第12页 （共30页）
... ，在搜索框里输入要搜索的文本，点击搜索下面会出现搜索相应的内容的改变，搜索框左边放的文本框，导航栏有车型展示、最新车型、热销车型、最新活动、卖家指南、售后服务，链接到相应的页面，用ul、li实现效果，当鼠标移到导航栏上的