文档介绍：效果图
HTML代码
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link rel="stylesheet" href="css/Shopping " type="text/css"/>
</head>
<body onselectstart="return false">
<!--<div id=Tdiv style="HEIGHT: 45px; LEFT: 0px; POSITION: absolute; TOP: 0px; WIDTH: 45px; Z-INDEX: 25">
<input name="image1" type="image" id="image1" src="" width="52" height="249" border="0">
</div>-->
<!--开始!!-->
<div id="Layer1" style="position:absolute; left:0; top:0; width:1500; height:1500; z-index:-1">
<div align="center">
<embed src="" width="1500" height="1500" wmode="transparent">
</div>
</div>
<div id="Layer2" style="left:0; top:0;">
<div id="container">
<div class="header">
<div class="header_top">
<ul>
<li style="padding-left:55px;">您好,欢迎光临商城!<span><a href="" onMouseOut="out()" onMouseOver="over('此处注册新用户')">注册</a>&nbsp;<a href="">登录</a>]</span>&nbsp;购物车共计商品&nbsp;0&nbsp;&nbsp;件&nbsp;合计&nbsp;</li>
<li><img style="padding:4px 0px 0px 25px;" src="images/"/></li>
<li><span><a href="">信任登录</a></span></li>
<li id="showTime" style="padding-left:20px;"></li>
<li style="padding-left:20px;"><span><a href="#" onClick=" ('','','width=557,height=280,top=10,left=20');">日历</a></span></li>
<li style="padding-left:110px;" class="header_top_small_navigation"><a href="" >查看购物车</a></li>
<li>|</li>
<li class="header_top_small_navigation"><a href="">订单查询</a></li>
<li>|</li>
<li class="header_top_small_navigation"><a href="#">帮助中心</a></li>
<li>|</li>
<li class="header_top_small_navigation"><a href="#">优惠活动</a></li>
<li id="Tdiv" style=" margin-right:0px;"></li>
</ul>
</div>
<div style=" position:absolute; padding-left:130px; padding-top:10px;"><img width="50" height="50s" src="images/"></div>
<div class="header_mid">
<i><p style=" padding-left:130px;" class="he