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

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

🍊简介:专业从事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://xiahunao.cn/news/1620384.html

如若内容造成侵权/违法违规/事实不符,请联系瞎胡闹网进行投诉反馈,一经查实,立即删除!

相关文章

优秀网站看前端 —— 小米Note介绍页面

刚开始经营博客的时候&#xff0c;我写过不少“扒皮”系列的文章&#xff0c;主要介绍一些知名站点上有趣的交互效果&#xff0c;然后试着实现它们。后来开始把注意力挪到一些新颖的前端技术上&#xff0c;“扒皮”系列便因此封笔多时。今天打算重开“扒皮”的坑&#xff0c;不…

爬取五大平台621款手机,告诉你双十一在哪买最便宜!

↑关注置顶~ 有趣的不像个技术号 今晚0点&#xff0c;相约剁手 大家好&#xff0c;我是朱小五 明天就是双十一了&#xff0c;看了看自己手里的卡的像IE浏览器的手机&#xff0c;感觉可能等不到5G普及了。 我&#xff01;要&#xff01;换&#xff01;手&#xff01;机&#xff…

宁花4000买手机 不花6元买游戏

宁花4000买手机 不花6元买游戏 2012-03-22 09:17 0评论 阅读数&#xff1a;1005 单独窗口打印放大字号缩小字号 千变万变&#xff0c;国情不变。曾经毁了中国PC游戏市场的那些东西&#xff0c;如今又在iOS游戏市场一一重现&#xff1a;盗版、外挂、抄袭、强制消费、恶意竞争………

买手机选择困难症,Python数据分析帮你解决

每年各大品牌旗舰机发布都是一大热点&#xff0c;特别是前几天发布的iPhone Xs Max算是手机界的大新闻了&#xff0c;新款iPhone的价格也再度刷新了手机定价的记录。看完发布会&#xff0c;相信很多人的心情是这样的&#xff08;文末爬虫资料赠送&#xff09; 我一朋友鱼哥之前…

基于JAVA的盛卖手机销售网站的设计

开发工具(eclipse/idea/vscode等)&#xff1a; 数据库(sqlite/mysql/sqlserver等)&#xff1a; 功能模块(请用文字描述&#xff0c;至少200字)&#xff1a;

HTML/CSS/Javascript注册登陆界面全模版(表单验证/验证码生成/敏感词屏蔽/炫酷动画/账号信息储存)

作为前端初学者&#xff0c;我在自学过程中发现了许多自己难以解决的问题&#xff0c;而在搜索相关内容时由于许多资料过于分散&#xff0c;使用起来十分麻烦&#xff0c;所以我在完成相关内容编写后将其整理为一个模块来进行逐个分析。 示例源码&#xff1a;https://download…

小程序如何写一个优美的tab选项卡

小程序如何写一个优美的tab选项卡&#xff1f; 最近有位朋友刚学小程序&#xff0c;于是乎给我传了他写的一个tab选项卡&#xff0c;昨天晚上恰有空闲&#xff0c;于是改了一下 写选项卡的方法有很多&#xff0c;方法也特别简单&#xff0c;本文就介绍一下就客户体验而言如何让…

css html5布局方式_创建新HTML5 / CSS3单页布局–艺术主题

css html5布局方式 HTML5/CSS3 single page layout – Art theme. Today I will like to product new great masterpiece – new template with codename: ‘Art theme’. This will nice HTML5 template with nice gray colors. Hope that you will like new styles and you w…

android popWindow组件微信式实现(较完整版)

效果 PopWinLayout package com.coral3.common_module.components;import android.content.Context; import android.os.Handler; import android.os.Message; import android.util.AttributeSet; import android.view.Gravity; import android.view.LayoutInflater; import a…

前端学习第四周

目录 一.position定位1.1定位的用法&#xff08;写法&#xff09;1.2relative相对定位1.2.1特性1.2.2实际案例 1.3absolute绝对定位1.3.1特性1.3.2实际案例 1.4fixed&#xff1a;固定定位1.4.1特性1.4.2实际案例 1.5sticky粘性定位1.5.1特性1.5.2实际案例 1.6z-index定位层级1.…

Web前端4

一、relative相对定位 position定位 1.position特性 css position属性用于指定一个元素在文档中的定位方式。top、right、bottom、left属性则决定了该元素的最终位置。 2.position取值 static(默认) relative absolute fixed sticky relative相对定位 1.如果没有定位偏移量&am…

Flutter 城市/通讯录列表字母索引联动效果实现

前言 在像通讯录&#xff0c;联系人列表&#xff0c;城市选择列表等数据量比较多的长列表页面中&#xff0c;我们经常会留意到产品设计会在页面的右侧区域提供一个竖向的字母索引列表&#xff0c;供用户点击选择快速定位到长列表中的指定索引位置&#xff0c;以便于用户快速定位…

快给你的Vue项目添加一个编辑图片组件吧

一款功能极其强大的图片编辑插件 tui.image-editor 快速体验 首选在你的前端项目中安装&#xff1a; npm i tui-image-editor // or yarn add tui-image-editor现在你就去新建一个.vue文件&#xff0c;复制进去下面这段代码&#xff1a; <template><div id"t…

QTableWidget表格控件的用法(非常详细)

QTableWidget表格控件的用法&#xff08;非常详细&#xff09; [1] QTableWidget表格控件的用法&#xff08;非常详细&#xff09;[2] QTableWidget详解1.常用API设置自动调整行高和列宽设置表格内容是否可编辑设置行表头、列表头是否显示 2.添加子项3.右键弹出菜单4.设置风格5…

如果你觉得自己对 CSS 变量不熟悉,那么可以补充这个!

作者&#xff1a; Ahmad Shadeed 译者&#xff1a;前端小智 来源&#xff1a;ishadeed 点赞再看&#xff0c;养成习惯 本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录&#xff0c;更多往期高赞文章的分类&#xff0c;也整理了很多我的文档&#xff0c;和教程资…

VMware中配置NAT方式上网 by.zyw

VMware中配置NAT方式上网 by.zyw 看了本站上众大神的VMware配置NAT方式上网的文章后&#xff0c;发现在本人电脑上并不能完全设置成功&#xff0c;在自己摸索后&#xff0c;虚拟机配置NAT方式上网成功&#xff0c;下列个人实际操作经验&#xff1a; NAT模式介绍&#xff1a; …

在线文档 - Google 文档的数据协议设计

在线文档 - Google 文档的数据协议设计 Google 文档作为 G Suite 重要的产品套件之一&#xff0c;作为优秀的在线协作文档而经常被开发者所讨论&#xff0c;在 Google 文档背后&#xff0c;有着一整套优秀的相关架构设计支撑&#xff0c;数据协议设计就是其中之一&#xff0c;非…

数仓--------简单了解

作者前言 &#x1f382; ✨✨✨✨✨✨&#x1f367;&#x1f367;&#x1f367;&#x1f367;&#x1f367;&#x1f367;&#x1f367;&#x1f382; ​&#x1f382; 作者介绍&#xff1a; &#x1f382;&#x1f382; &#x1f382; &#x1f389;&#x1f389;&#x1f389…

分类预测 | MATLAB实现SSA-CNN-SVM基于麻雀算法优化卷积支持向量机分类预测

分类预测 | MATLAB实现SSA-CNN-SVM基于麻雀算法优化卷积支持向量机分类预测 目录 分类预测 | MATLAB实现SSA-CNN-SVM基于麻雀算法优化卷积支持向量机分类预测预测效果基本介绍程序设计参考资料 预测效果 基本介绍 MATLAB实现SSA-CNN-SVM基于麻雀算法优化卷积支持向量机分类预测…

Prima Cartoonizer v3.1.4一键生成专属动漫头像,

不少小伙伴都想获取一个自己的专属动漫头像&#xff0c;但是要请画师帮忙画一张又不便宜。 今天小编就带来一款可以将图像一键转动漫效果的软件&#xff0c;内含了近40种不同的动漫模板&#xff0c;还有各种卡通眼睛、眼镜及漫画常用的贴图工具 满足你的各种漫画头像制作需求…