商城前端html源码_前端_HTTP_其他

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>美多商城-首页</title> <link rel="stylesheet" type="text/css" href="css/reset.css"> <link rel="stylesheet" type="text/css" href="css/main.css"> <script type="text/javascript" src="js/jquery-1.12.4.min.js"></script> <script type="text/javascript" src="js/slide.js"></script> </head> <body> <div class="header_con"> <div class="header"> <div class="welcome fl">欢迎来到美多商城!</div> <div class="fr"> <div class="login_info fl"> 欢迎您：<em>张山</em> <a href="javascript:;" class="quit" rel='nofollow' onclick='return false;'>退出</a> </div> <div class="login_btn fl"> <a href="login.html" rel='nofollow' onclick='return false;'>登录</a> <span>|</span> <a href="register.html" rel='nofollow' onclick='return false;'>注册</a> </div> <div class="user_link fl"> <span>|</span> <a href="user_center_info.html" rel='nofollow' onclick='return false;'>用户中心</a> <span>|</span> <a href="cart.html" rel='nofollow' onclick='return false;'>我的购物车</a> <span>|</span> <a href="user_center_order.html" rel='nofollow' onclick='return false;'>我的订单</a> </div> </div> </div> </div> <div class="search_bar clearfix"> <a href="index.html" class="logo fl" rel='nofollow' onclick='return false;'></a> <div class="search_wrap fl"> <div class="search_con"> <input type="text" class="input_text fl" name="" placeholder="搜索商品"> <input type="button" class="input_btn fr" name="" value="搜索"> </div> <ul class="search_suggest fl"> <li><a href="#" rel='nofollow' onclick='return false;'>索尼微单</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>优惠15元</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>美妆个护</a></li> <li><a href="#" rel='nofollow' onclick='return false;'>买2免1</a></li> </ul> </div> <div class="guest_cart fr"> <a href="#" class="cart_name fl" rel='nofollow' onclick='return false;'>我的购物车</a> <div class="goods_count fl" id="show_count">15</div> <ul class="cart_goods_show"> <li> <h4>商品名称手机</h4> <div>4</div> </li> <li> <h4>商品名称手机</h4> <div>5</div> </li> <li> <h4>商品名称手机</h4> <div>6</div> </li> <li> <h4>商品名称手机</h4> <div>6</div> </li> </ul> </div> </div> <div class="navbar_con"> <div class="navbar"> <h1 class="fl">商品分类</h1> <ul class="navlist fl"> <li><a href="" rel='nofollow' onclick='return false;'>首页</a></li> <li class="interval">|</li> <li><a href="" rel='nofollow' onclick='return false;'>真划算</a></li> <li class="interval">|</li> <li><a href="" rel='nofollow' onclick='return false;'>抽奖</a></li> </ul> </div> </div> <div class="pos_center_con clearfix"> <ul class="slide"> <li><a href="#" rel='nofollow' onclick='return false;'></a></li> <li><a href="#" rel='nofollow' onclick='return false;'></a></li> <li><a href="#" rel='nofollow' onclick='return false;'></a></li> <li><a href="#" rel='nofollow' onclick='return false;'></a></li> </ul> <div class="prev"></div> <div class="next"></div> <ul class="points">  </ul> <ul class="sub_menu"> <li> <div class="level1"> <a href="#" rel='nofollow' onclick='return false;'>手机</a><a href="#" rel='nofollow' onclick='return false;'>运营商</a><a href="#" rel='nofollow' onclick='return false;'>数码</a> </div> <div class="level2"> <div class="list_group"> <div class="group_name fl">手机通讯 ></div> <div class="group_detail fl"> <a href="#" rel='nofollow' onclick='return false;'>手机</a> <a href="#" rel='nofollow' onclick='return false;'>对讲机</a> <a href="#" rel='nofollow' onclick='return false;'>以旧换新</a> <a href="#" rel='nofollow' onclick='return false;'>手机维修</a> </div> </div> <div class="list_group"> <div class="group_name fl">运营商 ></div> <div class="group_detail fl"> <a href="#" rel='nofollow' onclick='return false;'>合约机</a> <a href="#" rel='nofollow' onclick='return false;'>选号码</a> <a href="#" rel='nofollow' onclick='return false;'>固话宽带</a> <a href="#" rel='nofollow' onclick='return false;'>办套餐</a> <a href="#" rel='nofollow' onclick='return false;'>充话费/流量</a> <a href="#" rel='nofollow' onclick='return false;'>中国电信</a> <a href="#" rel='nofollow' onclick='return false;'>中国移动</a> <a href="#" rel='nofollow' onclick='return false;'>中国联通</a> <a href="#" rel='nofollow' onclick='return false;'>京东通信</a> <a href="#" rel='nofollow' onclick='return false;'>170选号</a> </div> </div> </div> </li> <li> <div class="level1"> <a href="#" rel='nofollow' onclick='return false;'>电脑</a><a href="#" rel='nofollow' onclick='return false;'>办公</a> </div> <div class="level2"> <div class="list_group"> <div class="group_name fl">电脑 ></div> <div class="group_detail fl"> <a href="#" rel='nofollow' onclick='return false;'>曲面电视</a> <a href="#" rel='nofollow' onclick='return false;'>超薄电视</a> <a href="#" rel='nofollow' onclick='return false;'>HDR电视</a> <a href="#" rel='nofollow' onclick='return false;'>OLED电视</a> <a href="#" rel='nofollow' onclick='return false;'>4K超清电视</a> <a href="#" rel='nofollow' onclick='return false;'>人工智能电视</a> <a href="#" rel='nofollow' onclick='return false;'>55英寸</a> <a href="#" rel='nofollow' onclick='return false;'>65英寸</a> </div> </div> </div> </li> <li> <div class="level1"> <a href="#" rel='nofollow' onclick='return false;'>家居</a><a href="#" rel='nofollow' onclick='return false;'>家具</a><a href="#" rel='nofollow' onclick='return false;'>家装</a><a href="#" rel='nofollow' onclick='return false;'>厨具</a> </div> <div class="level2"> <div class="list_group"> <div class="group_name fl">家具 ></div> <div class="group_detail fl"> <a href="#" rel='nofollow' onclick='return false;'>曲面电视</a> <a href="#" rel='nofollow' onclick='return false;'>超薄电视</a> <a href="#" rel='nofollow' onclick='return false;'>HDR电视</a> <a href="#" rel='nofollow' onclick='return false;'>OLED电视</a> <a href="#" rel='nofollow' onclick='return false;'>4K超清电视</a> <a href="#" rel='nofollow' onclick='return false;'>人工智能电视</a> <a href="#" rel='nofollow' onclick='return false;'>55英寸</a> <a href="#" rel='nofollow' onclick='return false;'>65英寸</a> </div> </div> </div> </li> <li> <div class="level1"> <a href="#" rel='nofollow' onclick='return false;'>男装</a><a href="#" rel='nofollow' onclick='return false;'>女装</a><a href="#" rel='nofollow' onclick='return false;'>童装</a><a href="#" rel='nofollow' onclick='return false;'>内衣</a> </div> <div class="level2"> <div class="list_group"> <div class="group_name fl">男装 ></div> <div class="group_detail fl"> <a href="#" rel='nofollow' onclick='return false;'>男装</a> </div> </div> </div> </li> <li> <div class="level1"> <a href="#" rel='nofollow' onclick='return false;'>女鞋</a><a href="#" rel='nofollow' onclick='return false;'>箱包</a><a href="#" rel='nofollow' onclick='return false;'>钟表</a><a href="#" rel='nofollow' onclick='return false;'>珠宝</a> </div> <div class="level2"> <div class="list_group"> <div class="group_name fl">女鞋 ></div> <div class="group_detail fl"> <a href="#" rel='nofollow' onclick='return false;'>女鞋</a> </div> </div> </div> </li> <li> <div class="level1"> <a href="#" rel='nofollow' onclick='return false;'>男鞋</a><a href="#" rel='nofollow' onclick='return false;'>运动</a><a href="#" rel='nofollow' onclick='return false;'>户外</a> </div> <div class="level2"> <div class="list_group"> <div class="group_name fl">男鞋 ></div> <div class="group_detail fl"> <a href="#" rel='nofollow' onclick='return false;'>男鞋</a> </div> </div> </div> </li> <li> <div class="level1"> <a href="#" rel='nofollow' onclick='return false;'>房产</a><a href="#" rel='nofollow' onclick='return false;'>汽车</a><a href="#" rel='nofollow' onclick='return false;'>汽车用品</a> </div> <div class="level2"> <div class="list_group"> <div class="group_name fl">汽车用品 ></div> <div class="group_detail fl"> <a href="#" rel='nofollow' onclick='return false;'>汽车用品</a> </div> </div> </div> </li> <li> <div class="level1"> <a href="#" rel='nofollow' onclick='return false;'>母婴</a><a href="#" rel='nofollow' onclick='return false;'>玩具乐器</a> </div> <div class="level2"> <div class="list_group"> <div class="group_name fl">玩具乐器 ></div> <div class="group_detail fl"> <a href="#" rel='nofollow' onclick='return false;'>玩具乐器</a> </div> </div> </div> </li> <li> <div class="level1"> <a href="#" rel='nofollow' onclick='return false;'>食品</a><a href="#" rel='nofollow' onclick='return false;'>酒类</a><a href="#" rel='nofollow' onclick='return false;'>生鲜</a><a href="#" rel='nofollow' onclick='return false;'>特产</a> </div> <div class="level2"> <div class="list_group"> <div class="group_name fl">食品 ></div> <div class="group_detail fl"> <a href="#" rel='nofollow' onclick='return false;'>食品</a> </div> </div> </div> </li> <li> <div class="lev