<html xmlns="http://www.jiashiye.com/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>步行街网上商城</title> <style type="text/css"> <!-- *{ padding:0px; margin:0px; } html,body{ height:100%; background-image:url(image/beijing.jpg); background-repeat: repeat-x; } .body { 100%; } .box { margin:auto; } .body .box .top { margin:auto; height: 161px; font-size:12px; color:#FFFFFF; float:left; } .body .box .top img { padding-top: 10px; } .body .box .top .top1 { height: 25px; 460px; padding-top:10px; padding-left:5px; float:left; position: absolute; left: 95px; top: 1px; } .body .box .top .top1-r { 480px; height:40px; float: left; position: absolute; left: 760px; top: 9px; } .body .box .top .top1-r ul { float: left; list-style-type: none; } .body .box .top .top1-r li { float: left; 70px; } .body .box .top .logo { height: 130px; 355px; position: absolute; left: 95px; top: 43px; } .STYLE5 { font-size: 36px; font-weight: bold; } .STYLE7 {font-size: 18px} .sousuo { height: 31px; 500px; position: absolute; left: 611px; top: 105px; background-image:url(image/sousuo.jpg); background-repeat: no-repeat; padding-left:30px; line-height:30px; font-size:12px; border:0px; } .body .box .daohang { float: left; height: 26px; 1154px; position: absolute; left: 95px; top: 166px; font-size:20px; color:#FFFFFF; } .body .box .daohang ul { float:left; list-style-type: none; } .body .box .daohang li { float: left; 130px; } .body .box .daohang .yibai { height: 30px; 182px; position: absolute; left: 973px; top: -4px; } .body .box .main .main-l { background-image: url(image/chanpinliebiao.png); background-repeat: no-repeat; 197px; height:380px; position: absolute; left: 96px; top: 194px; } .body .box .main .main-l ul { 100px list-style-type: none; margin-top:50px; } .body .box .main .main-l li { 100px; list-style-type: none; margin:auto; line-height:35px;
} .body .box .main .main-m { position: absolute; height: 375px; 764px; left: 291px; top: 196px; overflow:hidden; } .body .box .xianshiqinaggou { height: 381px; 196px; position: absolute; left: 1059px; top: 193px; background-image: url(image/chanpinliebiao2.png); background-repeat: no-repeat; } .body .box .main .xianshiqinaggou img{ padding-top:70px; padding-left:25px; height:280px; 150px; } .body .box .jiaju { position: absolute; left: 104px; top: 1955px; height: 163px; 1162px; } .body .box .meirong { height: 300px; 978px; position: absolute; left: 98px; top: 1426px; } .body .box .pinpaizhuangmai { height: 173px; 201px; position: absolute; left: 63px; top: 597px; }
.body .box .fuzhuang { height: 300px; 1157px; position: absolute; left: 98px; top: 896px; } .body .box .footer .tupian ul { position:absolute; float: left; 1020px; list-style-type: none; left: 80px; top: 7px; } .body .box .footer .tupian { position:absolute; left: 105px; top: 2471px; 1165px; height:257px; } .body .box .footer .tupian ul li { float: left; height: 100px; 180px; list-style-type: none; padding:23px 10px; } .body .box .footer .footer-x ul { font-size:14px; color:#FF9933; float:left; list-style-type: none; } .body .box .footer .footer-x ul li { float: left; 80px; } .body .box .footer .footer-x { height: 30px; 457px; position: absolute; left: 441px; top: 2664px; } .body .box .footer .footer-x .footer-xx { font-size:14px; height: 26px; 650px; position: absolute; left: -68px; top: 36px; }
.body .box .main .chanpin .zhutiluntan { height: 305px; 180px; position: absolute; left: 967px; top: 2px; border: 1px solid #3E3E3E;
} .body .box .main .chanpin { height: 322px; 1158px; position: absolute; left: 97px; top: 577px; }
#div0 { display: block; 950px; height:300px; margin-top: 10px; } #div1 { display: none; 950px; height:300px; margin-top: 10px; } #div2 { display: none; 950px; height:300px; margin-top: 10px; } #div3 { display: none; 950px; height:300px; margin-top: 10px; } #div4 { display: none; 950px; height:300px; margin-top: 10px; } #box1 { 950px; border: 1px solid #3E3E3E;
} #box1 ul{ list-style-type:none; 950px; float:left; padding-left:10px; } #box1 ul .red{ 175px; height:30px; line-height:5px; padding:15px 0px; border-bottom:3px solid #f00; float:left; text-align:center; } #box1 #div0 .box-contentul { float: left; 950px; padding-top: 10px; } #box1 #div0 .box-contentul li { float: left; 175px; } #box1 #div1 .box-contentul { float: left; 950px; padding-top:10px; } #box1 #div1 .box-contentul li { float: left; 175px; } #box1 #div2 .box-contentul { float: left; 950px; padding-top: 10px; } #box1 #div2 .box-contentul li { float: left; 175px; } #box1 #div3 .box-contentul { float: left; 950px; padding-top: 10px; } #box1 #div3 .box-contentul li { float: left; 175px; } #box1 #div4 .box-contentul { float: left; 950px; padding-top: 10px; } #box1 #div4 .box-contentul li { float: left; 175px; } #box1 img{ padding:5px 15px; } #box1 p{ 138px; font-size:12px; padding:4px 8px; } .price{ color:#FF0000; } #box1 ul .normal{ 175px; height:30px; line-height:10px; padding:15px 0; border-bottom:3px solid #282828; float:left; text-align:center; } #box1 ul a{ color:#393939; } #box1 ul .red a{ color:#F00; } #box1 ul .normal a{ color:#393939; } .STYLE12 { font-size: 24px; font-weight: bold; } .body .box .main .chanpin .zt-l ul { font-size: 14px; color:#333333; list-style-type: none; position:absolute; left:977px; top:36px; height: 258px; 165px; }
--> </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>