HTML5期末大作业:服装购物网站设计——粉色服装购物商城(4页)
一、作品展示
二、文件目录
三、代码实现
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>详细页面</title>
<meta name="keywords" content="[!--pagekey--]" />
<meta name="description" content="[!--pagedes--]" />
<link href="images/all.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/myfocus-2.0.1.min.js"></script>
<script type="text/javascript" src="js/SuperSlide.js"></script>
</head>
<body>
<header>
<div class="nav">
<ul>
<li class="li1"><a>海</a></li>
<li class="li2"><a>拼</a></li>
</ul>
</div>
<div class="head">
<div class="top">
<div class="wrapper">
<div class="logo fl"><a href="index.html"><img src="images/logo.png" /></a></div>
<div class="dl fr">
<ul>
<li>欢迎您,DGL</li>
<li><a href="">退出</a></li>
<li><a href="">个人中心</a></li>
<li><a href="">我的订单</a></li>
<li><a href="login.html">登录</a></li>
<li><a href="">注册</a></li>
</ul>
<div class="sousuo">
<input class="index_srh" name="keyboard" value="请输入您要查找的商品" onBlur="if(this.value=='') this.value='请输入您要查找的商品';" onFocus="if(this.value=='请输入您要查找的商品') this.value='';">
<input class="search" type="submit" name="submit" value="搜索">
</div>
</div>
</div>
</div>
<div class="menu">
<div class="wrapper">
<ul>
<li class="li1"><a href="piclist.html" class="on">全部分类</a></li>
<li class="li2"><a href="index.html">首页</a></li>
<li class="li3"><a href="piclist.html">潮流单品</a></li>
<li class="li4"><a href="piclist.html">衣服</a></li>
<li class="li5"><a href="piclist.html">鞋子</a></li>
<li class="li6"><a href="piclist.html">包包</a></li>
<li class="li7"><a href="piclist.html">配饰</a></li>
<li class="li8"><a href="piclist.html">潮流单品</a></li>
<li class="li9"><a href="piclist.html">衣服</a></li>
<li class="li10"><a href="piclist.html">鞋子</a></li>
<li class="li11"><a href="piclist.html">包包</a></li>
<li class="li12"><a href="piclist.html">配饰</a></li>
</ul>
</div>
</div>
</div>
</header>
<div class="xiangqing">
<div class="shangjiaming">
<div class="wrapper">
<div class="fl left">小Y包袋</div>
<div class="fr right">
<span class="fl"><a href="">+关注本店</a></span>
<span class="fl">409粉丝</span>
</div>
</div>
</div>
<div class="sj-wrapper">
<div class="sj-logo"><img src="images/shangjia-logo.jpg" /></div>
<div class="menu">
<a href="">首页</a>
<a href="">多功能</a>
<a href="">单肩/手提</a>
<a href="">大包包</a>
<a href="">小包</a>
</div>
<div class="game163 fl">
<ul class="bigImg">
<li>
<a href="" target="_blank"><img src="images/pic1.jpg" /></a>
<h4><a href="" target="_blank">美女玩家猎魔人 Cosplay</a></h4>
</li>
<li>
<a href="" target="_blank"><img src="images/pic2.jpg" /></a>
<h4><a href="#">《第2次机战OG》魔装机神系机体情报<