master

分支 (1)

管理

管理

master

dangdang_project
/
index.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>当当网布局</title>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<script src="./js/jQuery-v3.4.1.js" type="text/javascript" charset="utf-8"></script>
		<script src="" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<!-- head 顶部灰条 -->
		<div class="head">
			<div class="top">
				<div class="top_link">
					<div class="distribution_area">
						<a href="">送至：北京</a>
					</div>

					<div class="top_link_nav">
						<ul>
							<li><a href="">我的云书房</a></li>
							<li><a href="">我的当当</a></li>
							<li><a href="">0元购物</a></li>
							<li><a href="">小说投稿</a></li>
							<li><a href="">企业采集</a></li>
							<li><a href="">客户服务</a></li>
						</ul>
					</div>

					<div class="welcome">
						<span>欢迎光临当当，请</span>
						<a href="" class="login_lingk">登录</a>&nbsp;
						<a href="" class="vip_link">成为会员</a>
					</div>
				</div>

			</div>
		</div>
		<!-- head_end -->

		<!-- logo_line_out -->
		<div class="logo_line_out">
			<div class="logo_line">
				<div class="logo">
					<img src="img/DDlogoNEW.gif" >
				</div>
				<!-- 调整位置 -->
				<div class="order">
					<a href="">我的订单</a>
				</div>
				<div class="cart">
					<a href="">购物车</a>
				</div>
				<div class="search">
					<form action="" method="post">
						<input type="text" name="wd" id="search" placeholder="余华文献" />
						<select name="classify">
							<option value="-1">全部分类</option>
							<option value="0">小说</option>
							<option value="1">科普</option>
						</select>
						<input type="submit" class="button" value="搜索"/>
					</form>
				</div>
				<div class="search_bottom">
					<div class="search_hot">
						<ul>
							<li>热搜：</li>
							<li><a href="">埃及四千年</a></li>
							<li><a href="">儿童成语学习</a></li>
							<li><a href="">中级会计职称</a></li>
							<li><a href="">美的常识</a></li>
							<li><a href="">十万个为什么</a></li>
						</ul>
					</div>
					<a href="" class="sup_search">高级搜索</a>
				</div>

			</div>
		</div>
		<!-- logo_line_out_end -->

		<!-- nav_top_out -->
		<div class="nav_top_out">
			<div class="nav_top">
				<ul>
					<li class="all"><a class="all_class" href="">全部商品分类</a></li>
					<li><a href="">图书</a></li>
					<li><a href="">电子书</a></li>
					<li><a href="">网络文学</a></li>
					<li><a href="">巴拉巴拉</a></li>
					<li><a href="">户外运动</a></li>
					<li><a href="">孕婴童</a></li>
					<li><a href="">家居</a></li>
					<li><a href="">当当优品</a></li>
					<li><a href="">食品</a></li>
					<li><a href="">Apple</a></li>
					<li><a href="">电器城</a></li>
				</ul>

			</div>
		</div>
		<!-- nav_top_out_end -->
		<!-- nav_sub_out -->
		<div class="nav_sub_out">
			<div class="nav_sub">
				<ul>
					<li><a href="">图书排行版</a></li>
					<li><a href="">童书</a></li>
					<li><a href="">教辅</a></li>
					<li><a href="">小说</a></li>
					<li><a href="">文学</a></li>
					<li><a href="">青春文学</a></li>
					<li><a href="">艺术</a></li>
					<li><a href="">成功励志</a></li>
					<li><a href="">管理</a></li>
					<li><a href="">历史</a></li>
					<li><a href="">哲学宗教</a></li>
					<li><a href="">亲子家教</a></li>
					<li><a href="">保健养生</a></li>
					<li><a href="">考试</a></li>
					<li><a href="">科技</a></li>
					<li><a href="">进口原版</a></li>
					<li><a href="">电子书</a></li>
					<li><a href="">网络文学</a></li>
				</ul>
			</div>
		</div>
		<!-- nav_sub_out_end -->
		<!-- storey -->
		<div class="storey">
			<div class="storey_left">
				<div class="sidemenu">
					<div class="con_head">
						图书分类
					</div>
					<div class="con_body">
						<div class="level_one">
							特色书单
						</div>
						<div class="level_one">
							电子书&nbsp;网络文学
						</div>
						<div class="level_one">
							教育
						</div>
						<div class="level_one">
							小说
						</div>
						<div class="level_one">
							文艺
						</div>
						<div class="level_one">
							青春文学&nbsp;/动漫·幽默
						</div>
						<div class="level_one">
							人文社科
						</div>
						<div class="level_one">
							经管
						</div>
						<div class="level_one">
							成功/励志
						</div>
						<div class="level_one">
							生活
						</div>
						<div class="level_one">
							科技
						</div>
						<div class="level_one">
							期刊/音像
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- storey_end -->
	</body>
</html>