Web前端期末大作业-在线手机商城网站设计(HTML+CSS+JS)

news/2024/11/23 2:39:14/

🍊作者:计算机编程-吉哥

🍊简介:专业从事JavaWeb程序开发,微信小程序开发,定制化项目、源码、代码讲解、文档撰写、ppt制作。做自己喜欢的事,生活就是快乐的。

🍊心愿:点赞 👍 收藏 ⭐评论 📝

🍅 文末获取源码联系 

效果展示:  

 

 部分代码:  

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /><title>移动手机商城</title>
<link href="css/public.css" rel="stylesheet" type="text/css" />
<link href="css/css.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.8.3.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/layerModel/jquery.layerModel.js"></script>
<link rel="stylesheet" type="text/css" href="js/layerModel/layerModel.css"/>
<script type="text/javascript" src="js/list.js"></script>
<script type="text/javascript" src="js/public.js"></script>
<script type="text/javascript" src="js/pinla_fcous.js"></script><script type="text/javascript">$(function(){$("#shops-focus1").adfocus({drection: "left",numbox: ".numboxcont",imgbox: ".imgbox",speed: 5000,addClass: "pptOn",imgboxWidth:932,imgboxHeight:270,imgLen:8,pull:"",usevent:"mouseover"});$(".close").click(function(){$("#denlu").layerModel({"head" : false,"staySame" : true,"bgColor" : "#000","opacity" : "0.7"});	})})
</script></head><body><!--top 开始--><div class="topbox w_auto"><div class="box"><p class="top_l block left">[<a href="#" class="">收藏我们</a>] <span class="pl20 blue">安徽移动手机旗舰店</span>欢迎您!请[<a  href="login/login.htm" class="red">登录</a>],非移动用户 ?[<a  href="javascript:void(0);" class="red close">点击这里</a>]</p>   <p class="top_r block right mt5"><a >网上营业厅</a><a  href="#" class="axx" target="_blank">移动商城</a>        <a  href="#" class="axx" target="_blank">天猫旗舰店</a>        <a  href="#" class="axx" target="_blank">积分商城</a></p></div></div><!--top 结束--><div class="head_box"><div class="box"><div class="pos_r" id="sy_img1"><a href="#"><img src="images/shop_pc_07.jpg" width="1200" height="70" alt="" /></a><span class="sy_imggb"><img src="images/icon_close.jpg" width="15" height="16" alt="关闭" /></span></div><!--head 开始--><div><div class="left mt20"><a href="#"><img src="images/shop_pc_10.jpg" width="328" height="56" alt="中国移动" /></a></div><div class="head_ssbox"><a href="search/search.html" target="_blank" class="head_ssan"></a><input name="" type="text" class="head_ss" border="0"/><div class="clear"></div><p class="head_rmss">热门搜索:<a href="#">LG</a><a href="#">Flex</a><a href="#">魅族mx2</a><a href="#">红辣椒SIII</a><a href="#">I9300</a><a href="#">0元购机</a></p></div><div class="head_tan right"><div class="head_wdhb"> <s></s><div class="head_wdhb_ycc" ><div class="wdhb_ycc_2"><ul class="wdhb_ycc_2_l pb10"><li><a href="grzx/grzx.html" target="_blank">我的订单></a></li><li><a href="grzx/grzx.html" target="_blank">我的资料></a></li><li><a href="grzx/grzx.html" target="_blank">我的评价></a></li><li><a href="grzx/grzx.html" target="_blank">我的投诉></a></li></ul></div></div></div><div class="head_qgwcjs"><s></s><div class="sygwc_ysp"><ul><li><p class="sygwc_ysp_1"><img src="images/sygwc_img.jpg" width="60" height="60" /></p><p class="sygwc_ysp_2"><a href="#">苹果(APPLE)iPhone5s 32G版 3G手机 深空灰色)</a></p><div class="sygwc_ysp_3"><p class="sygwc_ysp_3jq"><strong>¥5798.00</strong> x1</p><p class="mt20"><a href="#" class="a0085d0">删除</a></p></div></li><li><p class="sygwc_ysp_1"><img src="images/sygwc_img.jpg" width="60" height="60" /></p><p class="sygwc_ysp_2"><a href="#">苹果(APPLE)iPhone5s 32G版 3G手机 深空灰色)</a></p><div class="sygwc_ysp_3"><p class="sygwc_ysp_3jq"><strong>¥5798.00</strong> x1</p><p class="mt20"><a href="#" class="a0085d0">删除</a></p></div></li><li><p class="sygwc_ysp_1"><img src="images/sygwc_img.jpg" width="60" height="60" /></p><p class="sygwc_ysp_2"><a href="#">苹果(APPLE)iPhone5s 32G版 3G手机 深空灰色)</a></p><div class="sygwc_ysp_3"><p class="sygwc_ysp_3jq"><strong>¥5798.00</strong> x1</p><p class="mt20"><a href="#" class="a0085d0">删除</a></p></div></li></ul><div class="sygwc_tj">共<strong class="red fontwryh">3</strong>件商品 共计:<strong class="red font16 fontwryh">¥12096.00</strong><a href="buy/index.html" class="sy_icon1 ml10" target="_blank">去结算</a></div></div></div><div class="clear"></div></div><div class="clear"></div></div></div><!--head 结束--><!--menu 开始--><div class="sp_menu w_auto mt10 "><div class="box pos_r" style="z-index:99;"><div id="nav_1" class="nav_1" ><p class="nav_1_wz">旗舰店导航</p><div class="nav_all" id="nav_all"  style="z-index:9999;"><div class="nav_all_li"><p class="nav_tit">最新活动</p><div class="nav_r" ><ul><li> <p class="xia_ine"><a href="#" class="nav_r_tit">国产品牌</a> | <a href="#">中国移动</a> | <a href="#">天语</a> | <a href="#">万事通</a> | <a href="#">百立丰</a> | <a href="#">魅族</a> | <a href="#">TCL</a> | <a href="#">海信</a> |<a href="#">德赛</a> | <a href="#">波导</a> | <a href="#">酷诺</a> | <a href="#">新邮通</a> | <a href="#">金立</a> | <a href="#">夏新</a> | <a href="#">华森酷比</a> | <a href="#">宇龙酷派</a> | <a href="#">联想</a> | <a href="#">天迈</a> | <a href="#">海尔</a> | <a href="#">康佳</a> | <a href="#">中兴</a> | <a href="#">华为</a> | <a href="#">大唐电信</a> | <a href="#">小米</a> </p><p class="gg_pc"><img src="images/ihpn6.jpg"  /></p></li></ul></div></div><div class="nav_all_li"><p class="nav_tit">合约专区</p><div class="nav_r"><ul><li class="navlast"> <p  class="xia_ine"><a href="#" class="nav_r_tit">价格区间</a> | <a href="#">全部</a> | <a href="#">0-199元</a> | <a href="#">200-499元</a> | <a href="#">500-999元</a> |<a href="#">1000-1999元</a> | <a href="#">2000-2999元</a> | <a href="#">3000-3999元</a> | <a href="#">4000元以上</a> </p><p class="gg_pc"><img src="images/ihpn6.jpg" /></p></li></ul></div></div><div class="nav_all_li"><p class="nav_tit">裸机特惠</p><div class="nav_r"><ul><li class="navlast"><p  class="xia_ine"> <a href="#" class="nav_r_tit">手机店铺</a> | </p><p class="gg_pc"><img src="images/ihpn6.jpg"  /></p> </li></ul></div></div><div class="nav_all_li"><p class="nav_tit">选号入网</p><div class="nav_r"><ul><li class="navlast"><p  class="xia_ine"> <a href="#" class="nav_r_tit">屏幕尺寸</a> | <a href="#">5.6英寸及以上</a> | <a href="#">5.5-5.0英寸</a> | <a href="#">4.9-4.1英寸</a> | <a href="#">4.0-3.1英寸</a> | <a href="#">3.0英寸及以下</a> </p><p class="gg_pc"><img src="images/ihpn6.jpg"  /></p></li></ul></div></div><div class="nav_all_li"><p class="nav_tit">4G专区</p><div class="nav_r"><ul><li class="navlast"> <p  class="xia_ine"><a href="#" class="nav_r_tit">手机配件</a> |<a href="#">电池</a> | <a href="#">蓝牙耳机</a> | <a href="#">充电器</a> | <a href="#">数据线</a> | <a href="#">手机耳机</a> | <a href="#">贴膜</a> | <a href="#">存储卡</a> | <a href="#">保护套</a> | <a href="#">iPhone配件</a> | <a href="#">便携/无线音箱</a> |<a href="#">手机饰品</a></p><p class="gg_pc"><img src="images/ihpn6.jpg"/></p></li></ul></div></div></div></div><div class="me_r left" id="navP_"> <a href="#"  class="hover">首页</a> <a href="phone/list.html">买手机 </a> <a href="number/yuyue.html" >选号码</a> <a href="acces/list.html" >选配件</a> <a href="jxs/index.html" >经销商专区</a> <a href="activity/tg_det.html">活动专区</a> <span class=" me_img "> <img src="images/men_r_29.jpg" width="179" height="32" /> </span><p></p></div></div></div><!--menu 结束--><!--banner 开始-->
<div class="box pt10"><div class="sy_cont_1_l"><div class="shops-focus" id="shops-focus1"><div class="imgwarpper"><ul class="imgbox" ><li><a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/pc_ba_26.jpg" width="932" height="270" /></a></li><li><a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/pc_ba_26.jpg" width="932" height="270" /></a></li><li><a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/pc_ba_26.jpg" width="932" height="270" /></a></li><li><a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/pc_ba_26.jpg" width="932" height="270" /></a></li><li><a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/pc_ba_26.jpg" width="932" height="270" /></a></li><li><a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/pc_ba_26.jpg" width="932" height="270" /></a></li><li><a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/pc_ba_26.jpg" width="932" height="270" /></a></li><li><a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/pc_ba_26.jpg" width="932" height="270" /></a></li></ul></div><div class="numbox"><p class="numboxcont"> <span class="pptOn"></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> </p></div></div></div><!--今日主推 开始--><div class="sp_ban_r right"><h2 class="he30 block bgbluer cfff">今日主推</h2><dl><dt class=" block s1" > <span class="l_zt_zjt left mt5 ml20"></span> <span class="block txt_bt left">星期四</span> <span class="r_zt_rjt left mt5"></span> </dt><dd class="block left pt10 img_dd pb10"> <img src="images/iphone_56.jpg" width="64" height="128" /></dd><dd class="block left pt10 pb10"><p class=" font18 fonttb c666">苹果iPhone 5s</p><p class="c666">移动版A7芯片,64位</p><p class="red font18 fonttb">¥4599.00</p><p><a href="cart/oldnumzf.html" class="gm_bot mt10"></a></p></dd><div class="clear"></div></dl><div class=" time tcenter  pt10 pl20"> <font>倒计时</font> <span>0</span> <font>天</font> <span>0</span> <span>9</span> <font>时</font> <span>0</span> <span>9</span> <font>分</font> <span>0</span> <span>9</span> <font>秒</font> </div></div><!--今日主推 结束--><div class="clear"></div>
</div>
<!--banner 结束--><!--楼层一开始-->
<div class="box"><h1><span class="font16 left">1F 热销主推</span><span class="font12 left pl25 fontnor ">最强单品汇聚在这里</span><span class="right"><a href="phone/list.html" class="font12  pr10 fontnor ">更多+</a></span></h1><div class="w940 block left rlin"><span class="block w560 left"><img src="images/qh_bqn_70.jpg" width="561" height="400" /></span><span class="w189 block left"><img src="images/qh_bqn_71.jpg" width="189" height="400" /></span><span class="w190 block left"><img src="images/qh_bqn_72.jpg" width="190" height="400" /></span></div><div style=" width:258px;  float:right;"> <ul class="he30 lou_oner"><li class="hover"  id="two1" onclick="setTab('two',1,2);">热销排行</li><li  id="two2" onclick="setTab('two',2,2);">最新降价</li></ul><div class="paihang_c" id="con_two_1"><div class="clear"></div><ul><li><div class="title"><span class="num">1</span>小米 红米1S</div><div class="content" style="display:none"><div class="red">1</div><div class="content_right"><div class="c_img"><a href="#"><img src="images/pic3.gif" width="45" height="88" /></a></div><div class="c_wenzi"><p style="border-bottom:1px dashed #ccc">小米 红米1S</p><p>商城价:<span class="red_wz">¥730</span><br />已有14697人购买</p></div></div></div></li><li><div class="title"><span class="num">2</span>华为 P7</div><div class="content" style="display:none"><div class="red">2</div><div class="content_right"><div class="c_img"><a href="#"><img src="images/pic3.gif" width="45" height="88" /></a></div><div class="c_wenzi"><p style="border-bottom:1px dashed #ccc">小米 红米1S</p><p>商城价:<span class="red_wz">¥730</span><br />已有14697人购买</p></div></div></div></li><li><div class="title"><span class="num">3</span>TCL P728M么么哒4G版</div><div class="content" style="display:none"><div class="red">3</div><div class="content_right"><div class="c_img"><a href="#"><img src="images/pic3.gif" width="45" height="88" /></a></div><div class="c_wenzi"><p style="border-bottom:1px dashed #ccc">小米 红米1S</p><p>商城价:<span class="red_wz">¥730</span><br />已有14697人购买</p></div></div></div></li><li><div class="title"><span class="num">4</span>华为 荣耀6</div><div class="content" style="display:none"><div class="red">4</div><div class="content_right"><div class="c_img"><a href="#"><img src="images/pic3.gif" width="45" height="88" /></a></div><div class="c_wenzi"><p style="border-bottom:1px dashed #ccc">小米 红米1S</p><p>商城价:<span class="red_wz">¥730</span><br />已有14697人购买</p></div></div></div></li><li><div class="title"><span class="num">5</span>华为 P7</div><div class="content" style="display:none"><div class="red">5</div><div class="content_right"><div class="c_img"><a href="#"><img src="images/pic3.gif" width="45" height="88" /></a></div><div class="c_wenzi"><p style="border-bottom:1px dashed #ccc">小米 红米1S</p><p>商城价:<span class="red_wz">¥730</span><br />已有14697人购买</p></div></div></div></li><li><div class="title"><span class="num">6</span>华为 P7</div><div class="content" style="display:none"><div class="red">6</div><div class="content_right"><div class="c_img"><a href="#"><img src="images/pic3.gif" width="45" height="88" /></a></div><div class="c_wenzi"><p style="border-bottom:1px dashed #ccc">小米 红米1S</p><p>商城价:<span class="red_wz">¥730</span><br />已有14697人购买</p></div></div></div></li><li><div class="title" style="display:none; border-bottom:none"><span class="num">7</span>华为 P7</div><div class="content" style="border-bottom:none"><div class="red">7</div><div class="content_right"><div class="c_img"><a href="#"><img src="images/pic3.gif" width="45" height="88" /></a></div><div class="c_wenzi"><p style="border-bottom:1px dashed #ccc">小米 红米1S</p><p>商城价:<span class="red_wz">¥730</span><br />已有14697人购买</p></div></div></div></li></ul></div><div class="paihang_c" id="con_two_2" style="display:none"><div class="clear"></div><ul><li><div class="title"><span class="num">1</span>小米 红米1S</div><div class="content" style="display:none"><div class="red">1</div><div class="content_right"><div class="c_img"><a href="#"><img src="images/pic3.gif" width="45" height="88" /></a></div><div class="c_wenzi"><p style="border-bottom:1px dashed #ccc">小米 红米1S</p><p>商城价:<span class="red_wz">¥730</span><br />已有14697人购买</p></div></div></div></li><li><div class="title"><span class="num">2</span>华为 P7</div><div class="content" style="display:none"><div class="red">2</div><div class="content_right"><div class="c_img"><a href="#"><img src="images/pic3.gif" width="45" height="88" /></a></div><div class="c_wenzi"><p style="border-bottom:1px dashed #ccc">小米 红米1S</p><p>商城价:<span class="red_wz">¥730</span><br />已有14697人购买</p></div></div></div></li><li><div class="title"><span class="num">3</span>TCL P728M么么哒4G版</div><div class="content" style="display:none"><div class="red">3</div><div class="content_right"><div class="c_img"><a href="#"><img src="images/pic3.gif" width="45" height="88" /></a></div><div class="c_wenzi"><p style="border-bottom:1px dashed #ccc">小米 红米1S</p><p>商城价:<span class="red_wz">¥730</span><br />已有14697人购买</p></div></div></div></li><li><div class="title"><span class="num">4</span>华为 荣耀6</div><div class="content" style="display:none"><div class="red">4</div><div class="content_right"><div class="c_img"><a href="#"><img src="images/pic3.gif" width="45" height="88" /></a></div><div class="c_wenzi"><p style="border-bottom:1px dashed #ccc">小米 红米1S</p><p>商城价:<span class="red_wz">¥730</span><br />已有14697人购买</p></div></div></div></li><li><div class="title"><span class="num">5</span>华为 P7</div><div class="content" style="display:none"><div class="red">5</div><div class="content_right"><div class="c_img"><a href="#"><img src="images/pic3.gif" width="45" height="88" /></a></div><div class="c_wenzi"><p style="border-bottom:1px dashed #ccc">小米 红米1S</p><p>商城价:<span class="red_wz">¥730</span><br />已有14697人购买</p></div></div></div></li><li><div class="title"><span class="num">6</span>华为 P7</div><div class="content" style="display:none"><div class="red">6</div><div class="content_right"><div class="c_img"><a href="#"><img src="images/pic3.gif" width="45" height="88" /></a></div><div class="c_wenzi"><p style="border-bottom:1px dashed #ccc">小米 红米1S</p><p>商城价:<span class="red_wz">¥730</span><br />已有14697人购买</p></div></div></div></li><li><div class="title" style="display:none; border-bottom:none"><span class="num">7</span>华为 P7</div><div class="content" style="border-bottom:none"><div class="red">7</div><div class="content_right"><div class="c_img"><a href="#"><img src="images/pic3.gif" width="45" height="88" /></a></div><div class="c_wenzi"><p style="border-bottom:1px dashed #ccc">小米 红米1S</p><p>商城价:<span class="red_wz">¥730</span><br />已有14697人购买</p></div></div></div></li></ul></div></div>	<div class="clear"></div>
</div><!--楼层一结束--><!--楼层二开始--><div class="box"><h1><span class="font16 left">2F 合约专区</span><span class="font12 left pl25 fontnor">最低0元购 优惠多 奖品更丰富</span><a href="phone/list.html" class="font12 right fontnor pr10 fontnor">更多+</a></h1><div class="hy_box "><div class="hy_l"><h4><span>更实惠</span>    <span class=" pl10">更方便</span><span class=" pl10">更省心</span></h4><p class="block tcenter tit_r"><img src="images/r_lodi_90.jpg" width="208" height="233" /><a href="#" class="gj">购机</a></p><p class="hy_gg mt10"><a href="phone/xiangqing_laoyonghu.html"><img src="images/r_lodi_99.jpg" width="218" height="196" /></a></p></div><div class="hy_r free_lou"><dl><dt class="block"><a href="phone/xiangqing_laoyonghu.html" target="_blank"><img src="images/sc_pc_25.jpg" width="86" height="170" /></a></dt><dd class="block pl50"> <p>1酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl><dl ><dt class="block"><a href="phone/xiangqing_laoyonghu.html" target="_blank"><img src="images/phone.gif" width="88" height="170" /> </a></dt><dd class="block pl50"> <p>酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl><dl ><dt class="block"><a href="phone/xiangqing_laoyonghu.html" target="_blank"><img src="images/sc_pc_25.jpg" width="86" height="170" /></a></dt><dd class="block pl50"> <p>酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl><dl ><dt class="block"><a href="phone/xiangqing_laoyonghu.html" target="_blank"><img src="images/phone.gif" width="88" height="170" /> </a></dt><dd class="block pl50"> <p>酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl><dl ><dt class="block"><a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/sc_pc_25.jpg" width="86" height="170" /></a></dt><dd class="block pl50"> <p>酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl><dl ><dt class="block"><a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/phone.gif" width="88" height="170" /> </a></dt><dd class="block pl50"> <p>酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p>                    </dd></dl><dl ><dt class="block"><a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/sc_pc_25.jpg" width="86" height="170" /></a></dt><dd class="block pl50"> <p>酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl><dl ><dt class="block"><a href="phone/xiangqing_laoyonghu.html" target="_blank"><img src="images/phone.gif" width="88" height="170" /> </a></dt><dd class="block pl50"> <p>酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl></div><div class="clear"></div></div></div><!--楼层二结束--><div class="box_img">
<img src="images/kp_ds_33.jpg" width="1200" height="70" /> </div><!--楼层三开始--><div class="box "><h1><span class="font16 left">3F 裸机特惠</span><span class="font12 left pl25 fontnor">最低0元购 优惠多 奖品更丰富</span><a href="phone/list.html" class="font12  right fontnor pr10">更多+</a></h1><div class="lou_l "><ul class="qh"><li class="hover"><s class="qh_li_bg1 bl_w51 left"></s>长辈喜欢</li><li><s class="qh_li_bg2 bl_w51 left"></s>跑分神机</li><li ><s class="qh_li_bg3 bl_w51 left"></s>自拍神器</li><li class="linedow"><s class="qh_li_bg4 bl_w51 left"></s>大屏酷机</li></ul><ul class="news"><li><a href="jxs/list.html" >南京百胜欧珀通讯设备有限公司</a></li><li><a href="jxs/list.html">南京百胜欧珀通讯设备有限公司</a></li><li><a href="jxs/list.html">南京百胜欧珀通讯设备有限公司</a></li><li><a href="jxs/list.html">南京百胜欧珀通讯设备有限公司</a></li><li><a href="jxs/list.html">南京百胜欧珀通讯设备有限公司</a></li><li class="text_r pr10"><a href="#">更多+</a></li></ul></div><div class="lou_r free_lou" style=""><dl><dt class="block"><a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/phone.gif" width="88" height="170" /> </a></dt><dd class="block pl50"> <p>1酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl><dl><dt class="block"><a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/sc_pc_25.jpg" width="86" height="170" /></a></dt><dd class="block pl50"> <p>酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl><dl><dt class="block"><a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/phone.gif" width="88" height="170" /> </a></dt><dd class="block pl50"> <p>酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl><dl><dt class="block"><a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/sc_pc_25.jpg" width="86" height="170" /></a></dt><dd class="block pl50"> <p>酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl><dl><dt class="block"><a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/phone.gif" width="88" height="170" /> </a></dt><dd class="block pl50"> <p>酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl><dl><dt class="block"><a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/sc_pc_25.jpg" width="86" height="170" /></a></dt><dd class="block pl50"> <p>酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl><dl><dt class="block"><a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/phone.gif" width="88" height="170" /> </a></dt><dd class="block pl50"> <p>酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl><dl><dt class="block"><a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/sc_pc_25.jpg" width="86" height="170" /></a></dt><dd class="block pl50"> <p>酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl></div><div class="lou_r free_lou" style="display:none"><dl><dt class="block"><a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/phone.gif" width="88" height="170" /> </a></dt><dd class="block pl50"> <p>2酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl><dl><dt class="block"><a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/sc_pc_25.jpg" width="86" height="170" /></a></dt><dd class="block pl50"> <p>酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl><dl><dt class="block"><a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/phone.gif" width="88" height="170" /> </a></dt><dd class="block pl50"> <p>酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl><dl><dt class="block"><a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/sc_pc_25.jpg" width="86" height="170" /></a></dt><dd class="block pl50"> <p>酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl><dl><dt class="block"><a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/phone.gif" width="88" height="170" /> </a></dt><dd class="block pl50"> <p>酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl><dl><dt class="block"><a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/sc_pc_25.jpg" width="86" height="170" /></a></dt><dd class="block pl50"> <p>酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl><dl><dt class="block"><a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/phone.gif" width="88" height="170" /> </a></dt><dd class="block pl50"> <p>酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl><dl><dt class="block"><a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/sc_pc_25.jpg" width="86" height="170" /></a></dt><dd class="block pl50"> <p>酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl></div><div class="lou_r free_lou" style="display:none"><dl><dt class="block"><a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/phone.gif" width="88" height="170" /> </a></dt><dd class="block pl50"> <p>3酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl><dl><dt class="block"><a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/sc_pc_25.jpg" width="86" height="170" /></a></dt><dd class="block pl50"> <p>酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl><dl><dt class="block"><a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/phone.gif" width="88" height="170" /> </a></dt><dd class="block pl50"> <p>酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl><dl><dt class="block"><a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/sc_pc_25.jpg" width="86" height="170" /></a></dt><dd class="block pl50"> <p>酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl><dl><dt class="block"><a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/phone.gif" width="88" height="170" /> </a></dt><dd class="block pl50"> <p>酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl><dl><dt class="block"><a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/sc_pc_25.jpg" width="86" height="170" /></a></dt><dd class="block pl50"> <p>酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl><dl><dt class="block"><a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/phone.gif" width="88" height="170" /> </a></dt><dd class="block pl50"> <p>酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl><dl><dt class="block"><a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/sc_pc_25.jpg" width="86" height="170" /></a></dt><dd class="block pl50"> <p>酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl></div><div class="lou_r free_lou" style="display:none"><dl><dt class="block"><a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/phone.gif" width="88" height="170" /> </a></dt><dd class="block pl50"> <p>4酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl><dl><dt class="block"><a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/sc_pc_25.jpg" width="86" height="170" /></a></dt><dd class="block pl50"> <p>酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl><dl><dt class="block"><a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/phone.gif" width="88" height="170" /> </a></dt><dd class="block pl50"> <p>酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl><dl><dt class="block"><a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/sc_pc_25.jpg" width="86" height="170" /></a></dt><dd class="block pl50"> <p>酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl><dl><dt class="block"><a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/phone.gif" width="88" height="170" /> </a></dt><dd class="block pl50"> <p>酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl><dl><dt class="block"><a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/sc_pc_25.jpg" width="86" height="170" /></a></dt><dd class="block pl50"> <p>酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl><dl><dt class="block"><a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/phone.gif" width="88" height="170" /> </a></dt><dd class="block pl50"> <p>酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl><dl><dt class="block"><a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/sc_pc_25.jpg" width="86" height="170" /></a></dt><dd class="block pl50"> <p>酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl></div><div class="clear"></div></div><div class="box_img"> <img src="images/shop_pc_36.jpg" width="1200" height="70" /></div><!--楼层三结束--><!--楼层四开始--><div class="box"><h1><span class="font16 left">4F 4G专区</span><span class="font12 wid140 left pl25 fontnor">4G手机大聚会</span><a href="phone/list.html" class="font12  right pr10 fontnor">更多+</a></h1><div class="four_gl"><a href="#" class=" block spng_up"><img src="images/gg_pc_116.jpg" width="220" height="405" /></a><a href="#" class=" block spng_dow"><img src="images/gg_pc_118.jpg" width="220" height="180" /></a></div><div class="four_gr"><dl><dt class="block"> <a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/phone.gif" width="88" height="170" /> </a></dt><dd class="block pl50"><p>酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl><dl><dt class="block"><a href="xiangqing_laoyonghu.html" target="_blank"><img src="images/sc_pc_25.jpg" width="86" height="170" /></a></dt><dd class="block pl50"><p>酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl><dl><dt class="block"> <a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/phone.gif" width="88" height="170" /> </a> </dt><dd class="block pl50"><p>酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl><dl><dt class="block"><a href="#" target="#"><img src="images/sc_pc_25.jpg" width="86" height="170" /></a></dt><dd class="block pl50"><p>酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl><dl><dt class="block"> <a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/phone.gif" width="88" height="170" /> </a> </dt><dd class="block pl50"><p>酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl><dl><dt class="block"><a href="#" target="#"><img src="images/sc_pc_25.jpg" width="86" height="170" /></a></dt><dd class="block pl50"><p>酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl><dl><dt class="block"> <a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/phone.gif" width="88" height="170" /> </a> </dt><dd class="block pl50"><p>酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl><dl><dt class="block"><a href="#" target="#"><img src="images/sc_pc_25.jpg" width="86" height="170" /></a></dt><dd class="block pl50"><p>酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl></div><div class="clear"></div></div><div class="box_img"> <img src="images/shop_pc_444.jpg" width="1200" height="70" /></div><!--楼层四结束--><!--楼层五开始--><div class="box"><h1 ><span class="font16 left">5F 地市专享</span><div class="fl pos_r left " ><div class="fontwr zhyx_qh fl"><span class="ds">合肥</span> <span class="hand ahyx_dsqh">【切换<img src="images/ahyx_qh.gif" />】</span> </div><div class="ahyx_qhds pos_a"><ul><li class="hover">合肥</li><li>芜湖</li><li>蚌埠</li><li>淮南</li><li>马鞍山</li><li>淮北</li><li>铜陵</li><li>安庆</li><li>黄山</li><li>阜阳</li><li>宿州</li><li>滁州</li><li>六安</li><li>宣城</li><li>池州</li><li>亳州</li></ul></div></div><span><a href="phone/list.html" class="font12  right pr10 fontnor">更多+</a></span></h1><div class="fiv_r"><a href="#" target="#" class="gg_up"><img src="images/gg_pc_122.jpg" width="220" height="152" /></a><a href="#" target="#" class="gg_dow"><img src="images/gg_pc_124.jpg" width="220" height="150" /></a> </div><div class="fiv_l"><dl><dt class="block"><a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/sc_pc_25.jpg" width="86" height="170" /></a></dt><dd class="block pl50"><p>酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl><dl><dt class="block"><a href="phone/xiangqing_laoyonghu.html" target="_blank"><img src="images/phone.gif" width="88" height="170" /></a></dt><dd class="block pl50"><p>酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl><dl><dt class="block"><a href="#" target="#"><img src="images/sc_pc_25.jpg" width="86" height="170" /></a></dt><dd class="block pl50"><p>酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl><dl><dt class="block"><a href="phone/xiangqing_ghs.html" target="_blank"><img src="images/phone.gif" width="88" height="170" /></a><a href="#" target="#"></a></dt><dd class="block pl50"><p>酷派 大神F1</p><p>双卡双待自拍神器</p><p class="red">¥313.00</p></dd></dl></div><div class="clear"></div></div><!--楼层五结束-->  <!--楼层六开始--><div class="box"><h1><span class="font16 left">6F 玩转应用</span><span class="font12 left  pl25 fontnor">最强单品汇聚在这里</span><span><a href="#" class="font12  right fontnor pr10">更多+</a></span></h1><ul class="six"><li class="qc_li" style="border-left:none;"><p><a href="#" target="_blank"></a><img src="images/fx_pc_43.jpg" width="232" height="198" /></p><p class=" block tcenter font14 pt10 pb10" ><span>飞信</span> <br/><span> 飞信 免费短信无限发 </span></p></li><li><p><a href="#" target="_blank"></a><img src="images/fx_pc_43.jpg" width="232" height="198" /></p><p class=" block tcenter font14 pt10 pb10"><span>飞信</span> <br/><span> 飞信 免费短信无限发 </span></p></li><li><p><a href="#" target="_blank"></a><img src="images/fx_pc_43.jpg" width="232" height="198" /></p><p class=" block tcenter font14 pt10 pb10"><span>飞信</span> <br/><span> 飞信 免费短信无限发 </span></p></li><li><p> <a href="#" target="_blank"></a><img src="images/fx_pc_43.jpg" width="232" height="198" /></p><p class=" block tcenter font14 pb10 pt10"> <span>飞信</span> <br/><span> 飞信 免费短信无限发 </span> </p></li><li><p> <a href="#" target="_blank"></a><img src="images/fx_pc_43.jpg" width="232" height="198" /></p><p class=" block tcenter font14 pt10 pb10"> <span>飞信</span> <br/><span> 飞信 免费短信无限发 </span></p></li></ul></div><!--楼层六结束--><!--弹出层--><div id="denlu" class="shadow payPop" style="display:none">    
<div class="pop_tit"><span class="pop_close" onClick="$('#denlu').close()"></span></div> 
<div class="pop_c"><div class="pop_c_1" ><div class="pop_c_1_t"><span class="radio_btn" id="radio_btn1"><img src="images/b1.gif" width="18" height="18" /></span>我没有移动手机号码:(自行输入新的身份证件信息)</div><div class="pop_form" id="pop_form1"><ul><li><label>姓名:</label><input type="text"/></li><li><label>证件类型:</label><select><option selected="selected" >身份证</option><option >身份证</option></select></li><li><label>证件号码:</label><input type="text" /></li><li><label>验证码:</label><input type="text" style="width:100px" /><p class="yzm"><img src="images/yzm.gif" /></p><a href="#">看不清?换一张</a></li><li style="padding-left:70px; line-height:60px; height:60px;"><input type="checkbox" style="width:20px; border:none; margin-top:20px;" />已阅读并接受<a style="text-decoration:none" href="#">业务办理协议</a></li><li><p style="margin-left:120px; cursor:pointer"><img src="images/log_btn.gif" /></p></li></ul></div></div><div class="pop_c_1"><div class="pop_c_1_t"><span class="radio_btn" id="radio_btn2"><img src="images/b2.gif" width="18" height="18" /></span>我已有移动手机号码:(使用已有手机号的入网证件信息)</div><div class="pop_form" id="pop_form2" style="display:none"><ul><li><label>账户类型:</label><select><option selected="selected" >账户类型</option><option >账户类型</option></select></li><li><label>手机号码:</label><input type="text" /></li><li><label>登录模式:</label><select><option>登录模式</option><option >账户类型</option></select></li><li><label>服务密码:</label><input type="text" /></li><li><label>验证码:</label><input type="text" style="width:100px" /><p class="yzm"><img src="images/yzm.gif" /></p><a href="#">看不清?换一张</a></li><li style="padding-left:70px; line-height:60px; height:60px;"><input type="checkbox" style="width:20px; border:none; margin-top:20px;" />已阅读并接受<a style="text-decoration:none" href="#">业务办理协议</a></li><li><p style="margin-left:120px; cursor:pointer"><img src="images/log_btn.gif" /></p></li></ul></div></div>
</div>
</div>   
<div class="clear"></div>
<div class="footer w_auto">
<div class="footer_pc"></div><div class="footer_box"><ul><li><p class="footer_p_tit"><a href="#">购物指南</a></p><p><a href="#">买家必读</a></p><p><a href="#">商品介绍</a></p><p><a href="#">购物流程</a></p><p><a href="#">订单查询</a></p></li><li><p class="footer_p_tit"><a href="#">支付方式</a></p><p><a href="#">网银支付</a></p><p><a href="#">货到付款</a></p><p><a href="#">预约自取付款</a></p></li><li><p class="footer_p_tit"><a href="#">货物配送</a></p><p><a href="#">配送说明</a></p><p><a href="#">运单查询</a></p><p><a href="#">收货须知</a></p></li><li><p class="footer_p_tit"><a href="#">售后服务</a></p><p><a href="#">退换货政策</a></p><p><a href="#">退换货流程</a></p><p><a href="#">维修网点</a></p><p><a href="#">服务网点</a></p></li><li><p class="footer_p_tit"><a href="#">问题解答</a></p><p><a href="#">售前问题</a></p><p><a href="#">售中问题</a></p><p><a href="#">售后问题</a></p><p><a href="#">热点问题</a></p></li><li style="float:right; margin-right:0;"><p class="footer_p_tit" ><a href="#" style="color:#0085d0; font-weight:bold">帮助中心</a></p><p style="_width:130px;">在线客服&nbsp;&nbsp;<a href="#"><img  src="images/click_me.gif" width="45" height="31" /></a></p><p style="_width:150px;">在线客服&nbsp;&nbsp;<span class="font24">10086</span></p></li></ul><div style="height:30px"></div><div><ul class="copyright"><li style=" margin-left:-10px;">法律声明</li><li>联系我们</li><li>网站地图</li></ul><ul class="copyright" style="float:right"><li style="_width:140px;" >皖ICP备05000286号</li><li style="border-right:none;_width:260px">中国移动通信集团安徽有限公司版权所有</li></ul></div></div>
</div></body>
</html>

更多文章:Web前端期末大作业

公众号:IT跃迁谷【更多精彩文章】

↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓如果大家有任何疑虑,请在下方昵称位置详细咨询。


http://www.ppmy.cn/news/280054.html

相关文章

伤人以言,深于矛戟

耻笑讥讽的语言是一把双刃剑&#xff0c;在伤害别人的同时&#xff0c;也会伤害到你自己。古人云&#xff1a;“唇齿之伤&#xff0c;甚于猛兽&#xff1b;刀笔之烈&#xff0c;惨于酷吏之刑。”所以我们在说话时一定要注意。 《韩非子说难》篇中曾对龙作了如下描述&#xff1…

android4.4.4壁纸,基于4.4.4的dido OS 5.0系统

基于4.4.4的dido OS 5.0系统 酷比H3是一款搭载谷歌Android 4.4.4智能操作系统的产品,但是该机也植入了酷比手机自己所研发的一套操作桌面,叫作“dido OS”操作界面,这套操作界面一直在酷比手机上使用,与酷比H3一同发布的酷比H2也采用的是这套操作界面,但此次我们拿到的酷比…

三大快充技术详解 怎样才能发挥最大功效?

三大快充技术详解 怎样才能发挥最大功效&#xff1f; 2016-08-23 10:38 在锂电池技术处于瓶颈时期&#xff0c;快充技术在近一年内快速普及&#xff0c;不光是旗舰机中采用了该技术&#xff0c;甚至在千元入门机内也可以看到&#xff0c;你要没个快充技术都不好意思说新发布…

joomla最新新闻列表扩展 News Show SP2

在用了joomla自带的最新文章的扩展之后&#xff0c;真心感到无奈。简单的功能和展示&#xff0c;作为小白的我还在酷比地啃wordpress自定义开发中&#xff0c;至今还没有太多的时间来啃joomla相关二次开发相关的内容&#xff0c;所以说作为一个前端基础还不错的我&#xff0c;只…

Pixel 值得购买么?

阅读本文大概需要 5.20 分钟。 国庆期间&#xff0c;Google 破天荒的开了一场硬件发布会&#xff0c;其中发布了一款真正意义的 Google 手机 Pixel&#xff0c;市场对这款手机期待还是蛮大的&#xff0c;加上 Google 自身的技术&#xff0c;让这款手机更加智能&#xff0c;搜了…

酷比魔方iwork12 linux,双系统二合一 酷比魔方iwork 12评测

1第一印象 一款有分量的产品 随着微软Surface系列平板电脑的走红&#xff0c;有越来越多的品牌开始模仿这种设计形式&#xff0c;其中就包括苹果的iPad Pro&#xff0c;这从一个侧面也能够说明微软在Surface的设计上取得了巨大成功&#xff0c;已经成为行业中一个可以借鉴的样本…

泪目!曾风靡全国的国产网游,宣布停运!

点击上方“朱小厮的博客”&#xff0c;选择“设为星标” 后台回复"书"&#xff0c;获取 后台回复“k8s”&#xff0c;可领取k8s资料 在那个电脑还是新鲜物的年代&#xff0c;有一款游戏却在国内获得了同时在线人数高达80万的光荣成绩。 毫不夸张地说&#xff0c;除《…

LPC1114 - AD采集

一、基础知识 1.1位操作 对寄存器的bit5写0&#xff1a; 寄存器&~&#xff08;1<<5&#xff09;&#xff1b; 现在运用你的C语言知识分析一下&#xff0c;把十进制的1写成二进制32位数就是&#xff1a; 00000000000000000000000000000001 &#xff08;1<<5&…