基本页面首页代码

基本页面首页代码

<html xmlns="http://www.jiashiye.com/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>步行街网上商城</title> <style type="text/css">  </style> <link type="text/css" rel="stylesheet" href="style.css"/> <script type="text/javascript" src="untitled.js"></script> </head>

<body> <div class="body"> <div class="box">    <div class="top"> <div class="top1">您好，欢迎您来到步行街网上商城购物！</div> <div class="top1-r"> <ul>    <li>免费注册 | </li>    <li>登录 | </li>    <li>购物车0件 | </li>    <li>我的账户 | </li>    <li>收藏夹 | </li>    <li>帮助中心</li>   </ul> </div> <div class="logo">     <table width="389" border="0" cellspacing="0" cellpadding="0">          <tr>            <td width="80" rowspan="2"><img src="image/logo.png" /></td>            <td height="74" colspan="2" valign="bottom"><span class="STYLE5">步行街网上商城 </span></td>          </tr>          <tr>            <td width="247" align="center"><span class="STYLE7">www.buxingjiewssc.com </span></td>            <td width="62" align="center"> </td>          </tr>        </table> </div> <input type="text" class="sousuo" value="请搜索" onclick="sousuo1(this)" onblur="sousuo2(this)"/> <script type="text/javascript"> function sousuo1(a){    a.value=""; } function sousuo2(a){     a.value="请搜索";     a.style.color="#ccc"; } </script>     </div> <div class="daohang">   <ul>    <li>   首页     </li>    <li>品牌专卖 </li>    <li>家具专卖 </li>    <li>热门推荐 </li>    <li>商城论坛   </li>   </ul> <div class="yibai"><img src="image/menuBarRight.png" width="184" height="31" /></div> </div>    <div class="main">    <div class="main-l">   <ul>    <li><img src="image/fuzhuangyonghu.jpg" />服装户外</li>    <li><img src="image/caizhuanghufu.jpg" />彩妆护肤</li>    <li><img src="image/shipinjiushui.jpg" />食品酒水</li>    <li><img src="image/jiajujiaju.jpg" />家具家居</li>    <li><img src="image/shoushibaozhuang.jpg" />首饰包表</li>    <li><img src="image/wenhuashenghuo.jpg" />文化生活</li>    <li><img src="image/shoujishuma.jpg" />手机数码</li>    <li><img src="image/muyingyongpin.jpg" />母婴用品</li>    <li><img src="image/shechipinzhuanqu.jpg" />奢侈品装饰</li>   </ul>    </div>    <div class="main-m">    <div id="pic">    <ul>    <li><img src="image/banner_1.jpg" width="802" height="372" /></li>    <li><img src="image/banner_1(1).jpg" width="802" height="372"/></li>    <li><img src="image/banner_2.jpg" width="802" height="372"/></li>    <li><img src="image/banner_2(1).jpg" width="802" height="372"/></li>    <li><img src="image/banner_3.jpg" width="802" height="372"/></li>    </ul>   </div>   <div id="tip">   <span>1</span>   <span>2</span>   <span>3</span>   <span>4</span>   <span>5</span>   </div>    </div>    <script type="text/javascript">    changePic(802,0,5);    </script>     <div class="xianshiqinaggou">       <img src="image/meizhouqianggoy.jpg" width="138" height="306" /></div> <div class="chanpin"> <div id="box1"> <ul>     <li class="red" onmouseover="over(this,0)"><a href="#"><h2>疯狂抢购</h2></a></li>         <li class="normal" onmouseover="over(this,1)"><a href="#"><h2>热卖商品</h2></a></li>         <li class="normal" onmouseover="over(this,2)"><a href="#"><h2>热评商品</h2></a></li>         <li class="normal" onmouseover="over(this,3)"><a href="#"><h2>新品上架</h2></a></li>         <li class="normal" onmouseover="over(this,4)"><a href="#"><h2>猜您喜欢</h2></a></li> </ul> <div id="div0">     <ul class="box-contentul">       <li><img src="image/0a45ab09fe8f4a32a2044c2f630bb88b_P125.jpg" /><p>好主人好主狗粮</p><p>给宠物最好的关爱<br><span class="price">￥15.00</span></p></li>       <li><img src="image/2c7f2516d9f141ef8ad47cedef6614fc_P125.jpg" /><p>骆驼牌登山运动鞋</p><p>户外运动者的最爱<br><span class="price">￥228.00</span></p></li>       <li><img src="image/1b64f149182a4ccba191b30135d1cfca_P125.jpg" /><p>格力士空调</p><p>空调中的引领者<br><span class="price">￥240.00</span></p></li>       <li><img src="image/1c081eef4f3648abaa7a942dde8cd96d_P125.jpg" /><p>佳能单反相机</p><p>摄影爱好者的必备物品<br><span class="price">￥2999.00</span></p></li>       <li><img src="image/04d6f4938121496cb8ed3f3efaa7432b_P125.jpg" /><p>联想乐phono智能手机</p><p>智能机的引领者<br><span class="price">￥1899.00</span></p></li>     </ul> </div> <div id="div1"> <ul class="box-contentul">       <li><img src="image/0f65d5ba66a7413cbc2fa5beb9b0a682_P125.jpg" /><p>海尔变频单开门冰箱</p><p>无氟无害<br><span class="price">￥3655.00</span></p></li>       <li><img src="image/3c155af25ae54910a454641226e1a065_P125.jpg" /><p>美肤宝雪白滋润霜</p><p>让你的肌肤亮白无暇<br><span class="price">108.00</span></p></li>       <li><img src="image/03c92012167f47f79a93f1f5cf6fd3c2_P125.jpg" /><p>TCL液晶彩电</p><p>液晶彩电优惠促销<br><span class="price">￥1815.00</span></p></li>       <li><img src="image/5c47dd4d63254a4a9bdef319ea13dfad_P125.jpg" /><p>sony智能手机</p><p>32g超大内存<br><span class="price">￥4525.00</span></p></li>       <li><img src="image/3ab20e423fe3479c9aa3bc99e1b9613a_P125.jpg" /><p>sony单反相机</p><p>摄影必备，热销产品<br><span class="price">￥6999.00</span></p></li>     </ul> </div> <div id="div2"> <ul class="box-contentul">       <li><img src="image/5bfbf38ec6bb46858da9d4eb09268dc8_P125.jpg" /><p>韩版淑女鞋</p><p>超低价格发派送<br><span class="price">￥15.00</span></p></li>       <li><img src="image/37427352d48244eb9d07c6608c7935fb_P125.jpg" /><p>妈咪宝贝儿童尿不湿</p><p>给宝贝最好的呵护<br><span class="price">￥65.00</span></p></li>       <li><img src="image/8a9ae49a528e42109b29d94085fb2cbf_P125.jpg" /><p>海尔变频空调</p><p>家一样的温暖<br><span class="price">￥2589.00</span></p></li>       <li><img src="image/25eb8e96b08f47dc9cced1e8e01182b6_P125.jpg" /><p>明朝那些事</p><p>小说集合<br><span class="price">￥135.00</span></p></li>       <li><img src="image/571e19566d9f433fbc6cfe24e11d82c6_P125.jpg" /><p>联想笔记本</p><p>双核超大内存<br><span class="price">￥4589.00</span></p></li>     </ul> </div> <div id="div3"> <ul class="box-contentul">       <li><img src="image/bbe5ef7e9a614c8c8cbce332c54cc830_P125.jpg" /><p>红豆衬衫</p><p>保暖潮流<br><span class="price">￥505.00</span></p></li>       <li><img src="image/0c04956665ea4589a72362b8123a7ad2_P125.jpg" /><p>康佳彩电</p><p>家电王牌琴<br><span class="price">￥1999.00</span></p></li>       <li><img src="image/1fa489da879c46479b545ebb70ab0e49_P125.jpg" /><p>天王表</p><p>男士品牌表<br><span class="price">￥5751.00</span></p></li>       <li><img src="image/2a23a595cb1c4d2eab8f640fe62a3e3f_P125.jpg" /><p>韩国明星海报</p><p>韩国组合<br><span class="price">￥15.00</span></p></li>       <li><img src="image/6e602dcdae4748f8b890770f87b69afd_P125.jpg" /><p>索尼数码相机</p><p>五色可选琴<br><span class="price">￥2895.00</span></p></li>     </ul> </div> <div id="div4"> <ul class="box-contentul">       <li><img src="image/50cbd240b4f0430e86ced32c1a811ffe_P125.jpg" /><p>康佳彩电</p><p>家电王牌<br><span class="price">￥1999.00</span></p></li>       <li><img src="image/9d98629f5c744af3bbc6948d269e7f01_P125.jpg" /><p>婴儿尿不湿</p><p>全新的呵护<br><span class="price">￥65.00</span></p></li>       <li><img src="image/6d9062b9a853485d921c792dfd41a740_P125.jpg" /><p></p><p>公牛电器插座<br><span class="price">￥45.00</span></p></li>       <li><img src="image/d67b1896c6a041158578374a487deb21_P125.jpg" /><p>戴尔笔记本电脑</p><p>全新产品<br><span class="price">￥3998.00</span></p></li>       <li><img src="image/12f7d5f5925c45f29f6c00851ecdf940_P125.jpg" /><p>小巧折叠吹风机</p><p>出门旅行便捷产品<br><span class="price">￥35.00</span></p></li>     </ul> </div> </div> <script type="text/javascript"> function over(x,n){ var lis=document.getElementById("box1").getElementsByTagName("ul")[0].getElementsByTagName("li"); for (var i=0;i<lis.length;i++){    if (i==n){     x.className="red";     document.getElementById("div"+i).style.display="block";         }    else{     lis[i].className="normal";     document.getElementById("div"+i).style.display="none";           }          }    } </script>

<div class="zhutiluntan STYLE12">    <div align="center" class="price">主题论坛 </div> </div>    <div class="zt-l">    <ul>    <li><img src="image/hot.png" />六月“门店购物送货上门”......</li>    <li>父亲节甄选好礼送家中......</li>    <li>端午好礼为你一站备齐！</li>    <li>母亲节优选礼物，为妈妈准备的......</li>    <li><img src="image/hot.png" />五月“门店购物送货上门”......</li>    <li>T.EN天恩夏装大促，全场1折......</li>    <li><img src="image/hot.png" />"你买我就送"服饰类满300反50......</li>    <li>MLB美职棒潮新品，3折起！......</li>    <li></li>    <li>更多......</li>   </ul> </div> </div>        <div class="fuzhuang"><img src="image/fuzhuang.jpg" width="1161" /></div>     <div class="meirong"><img src="image/xiangbao1.jpg" width="1163" /></div>     <div class="jiaju"><img src="image/jiaju1.jpg" width="1156" /></div> </div> <div class="footer"> <div class="tupian">      <ul>         <li><img src="image/foot_buy1.png" width="161" height="190" /></li>         <li><img src="image/foot_pay1.png" width="161" height="190" /></li>             <li><img src="image/foot_send1.png" width="161" height="190" /></li>             <li><img src="image/foot_service2.png" width="161" height="190" /></li>             <li><img src="image/foot_speciel2.png" width="162" height="190" /></li>         </ul>     </div>     <div class="footer-x">       <ul>    <li>   首页    </li>    <li>关于我们 </li>    <li>友情链接 </li>    <li>供应商专区 </li>    <li>法律声明   </li>   </ul>   <div class="footer-xx">Copyright 2000-2011 All Right Reserved 长春家视野家居商城 | 联系我们：0431-63513679</div>     </div> </div> </div> </div> </body> </html>
相关阅读:
newusers和chpasswd
docker container link
ambassador docker container linking
Forwarding a Range of Ports in VirtualBox
NekoHTML and Dom4j
MySQL DATE_FORMAT() 函数
 POJ 1236 Network of Schools(强连通缩点)
HDU 1269 迷宫城堡(强连通)
Codeforces 581C Developing Skills
HDU 3849(桥)
原文地址：https://www.cnblogs.com/F-lower/p/3344894.html