JavaScript作业二:表格、框架与表单的应
任务【2-1】实现Q-Walking E&S购物模块首页的设计
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<!--顶部导航star-->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="top_line">
<tr>
<td bgcolor="#f7f7f7">
<table width="100%" border="0" cellpadding="0"
cellspacing="0">
<tr>
<td class="padding-top">
<img src="images/star.jpg">收藏|HI,欢迎来订购!
<a href="#">[请登录]</a>
<a href="#">[免费注册]</a>
</td>
<td align="right">客户服务
<img src="images/arrow.gif"> 网址导航
<img src="images/arrow.gif"> <span class="droparrow">
<span class="shopcart"></span>我的购物车<span class="orange">0</span>件<img src="images/arrow.gif"></span></td>
</tr>
</table>
</td>
</tr>
</table>
<!--顶部导航end-->
<!--顶部图片star-->
<table width="1200" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td height="95"><a href="#"><img src="images/logo.jpg"></a></td>
<td align="right"><img src="images/banner.jpg"></td>
</tr>
</table>
<!--顶部图片end-->
<!--菜单star-->
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#ce2626" align="center">
<tr>
<td>
<table width="1200" border="0" cellspacing="0" cellpadding="4" align="center" class="nav_font16">
<tr>
<td width="200"> </td>
<td width="80" align="center" class="nav_active">
<a href="shoppingIndex.html" class="width">首页</a></td>
<td width="100" align="center">
<a href="15436341.html" class="width">最新上架</a></td>
<td width="100" align="center">品牌活动</td>
<td width="100" align="center">原厂直供</td>
<td width="80" align="center">团购</td>
<td width="100" align="center">限时抢购</td>
<td width="100" align="center">促销打折</td>
<td width="200" align="center"> </td>
</tr>
</table>
</td>
</tr>
</table>
<!--菜单end-->
<!--主体star-->
<table width="1200" border="0" cellspacing="0" cellpadding="0" align="center" class="padding-top">
<tr>
<td width="220" valign="top">
<table width="100%" border="0" cellspacing="1" cellpadding="0" class="table1" bgcolor="#e5e4e1">
<tr><th>女装</th></tr>
<tr>
<td><span class="red_dot"></span><a href="#">上衣</a><img src="images/arrow_r.jpg" align="right"></td>
</tr>
<tr>
<td><span class="red_dot"></span><a href="#">下装</a><img src="images/arrow_r.jpg" align="right"></td>
</tr>
<tr>
<td><span class="red_dot"></span><a href="#">连衣裙</a><img src="images/arrow_r.jpg" align="right"></td>
</tr>
<tr>
<td><span class="red_dot"></span><a href="#">内衣</a><img src="images/arrow_r.jpg" align="right"></td>
</tr>
<tr><th>男装</th></tr>
<tr>
<td><span class="red_dot"></span><a href="#">T恤</a><img src="images/arrow_r.jpg" align="right"></td>
</tr>
<tr>
<td><span class="red_dot"></span><a href="#">短裤</a><img src="images/arrow_r.jpg" align="right"></td>
</tr>
<tr>
<td><span class="red_dot"></span><a href="#">衬衫</a><img src="images/arrow_r.jpg" align="right"></td>
</tr>
<tr><th>童装</th></tr>
<tr>
<td><span class="red_dot"></span><a href="#">上衣</a><img src="images/arrow_r.jpg" align="right"></td>
</tr>
<tr>
<td><span class="red_dot"></span><a href="#">裤子</a><img src="images/arrow_r.jpg" align="right"></td>
</tr>
<tr><th>运动</th></tr>
<tr>
<td><span class="red_dot"></span><a href="#">运动裤</a><img src="images/arrow_r.jpg" align="right"></td>
</tr>
<tr>
<td><span class="red_dot"></span><a href="#">运动鞋</a><img src="images/arrow_r.jpg" align="right"></td>
</tr>
</table>
</td>
<td width="980" valign="top">
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td align="center" valign="top">
<img src="images/index/pic1.jpg" width="690" height="350">
</td>
<td valign="top">
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td>
<table border="0" cellspacing="1" cellpadding="0" width="100%" bgcolor="#eeeeee">
<tr>
<td height="35" class="notice_title">公告</td>
</tr>
<tr>
<td bgcolor="#ffffff">
<table width="95%" class="padding-top">
<tr>
<td height="30" class="notice_text">
李主任点赞客户分别为
</td>
</tr>
<tr>
<td height="30" class="notice_text">
李主任点赞客户分别为
</td>
</tr>
<tr>
<td height="30" class="notice_text">
李主任点赞客户分别为
</td>
</tr>
<tr>
<td height="30" class="notice_text">
李主任点赞客户分别为
</td>
</tr>
<tr>
<td height="30" class="notice_text">
李主任点赞客户分别为
</td>
</tr>
<tr>
<td height="30" class="notice_text">
李主任点赞客户分别为
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="8"></td>
</tr>
<tr>
<td>
<table border="0" cellspacing="1" cellpadding="0" width="100%" bgcolor="#f7f7f7">
<tr>
<td align="center">
<img src="images/index/link1.gif" width="80" height="35"></td>
<td align="center">
<img src="images/index/link2.gif" width="80" height="35"></td>
<td align="center">
<img src="images/index/link3.gif" width="80" height="35"></td>