HTML5期末大作业:爱折扣电商购物网站设计——清新爱折扣电商购物网站(5页) HTML+CSS+JavaScript 关于电商的HTML网页设计-----网购
文章目录
一、作品展示
二、文件目录
三、代码实现
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>会员中心</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/member.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.min.js" type="text/javascript"></script>
</head>
<body>
<div class="header">
<div class="topbar">
<span><a href="#">QQ登录</a></span><span><a href="#">微博登陆</a></span> <span class="hr-line">|</span>
<span class="item"><a href="#">登录</a></span><span class="item"><a href="#">注册</a></span> <span class="hr-line">|</span>
<span class="orange"><a href="#">积分签到</a></span>
</div>
<div class="headbox">
<div class="logo"><img src="image/logo.png" /></div>
<div class="searchbox">
<div class="tips-num gray">今日更新 <span class="green">298</span> 款</div>
<form id="submitform">
<input id="searchText" type="text" class="text gray" value='今秋"时尚"看我的,国庆出门美美的' onFocus="if (this.value==this.defaultValue) this.value='';" onblur="if (this.value=='') this.value=this.defaultValue;"/>
<input id="searchSubmit" type="submit" value=""/>
</form>
<div class="tipswrap">
<div class="tipsbox">
<a href="#" />
<img src="image/tips-icon1.jpg" /></br>
<span class="gray">看过</span>
</a>
</div>
<span class="gray">|</span>
<div class="tipsbox">
<a href="#" />
<img src="image/tips-icon2.jpg" /></br>
<span class="gray">收藏</span>
</a>
</div>
</div><!--tipswrap end--><div class="clear"></div>
</div><!--searchbox end-->
</div><!--headbox end-->
<div class="nav">
<ul>
<li class="font16"><a href="#">首页</a></li>
<li class="mline m9m30"></li>
<li class="font16"><a href="#">逛街</a>