JavaScript_Homework2

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">&nbsp;网址导航
                            <img src="images/arrow.gif">&nbsp;<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">&nbsp;</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">&nbsp;</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>
                     
  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值