武汉众诚云网科技有限公司

联系人：王先生
手机/微信：13148401189
QQ：971977809
邮箱：admin@mb119.com
地　址：湖北省武汉市武昌区白沙洲万科一号公馆
网　址：http://y706.com

常见问题

当前位置：首页>>新闻资讯>>行业新闻 >

行业新闻

html期末作业六个网页（HTML期末大作业-仿小米商城官网首页模板(HTML CSS JavaScript)）

时间：2023-04-17 18:03:24 点击次数：17

HTML期末作业作业-仿小米商城官网首页模板(HTML+CSS+JavaScript)

效果演示

小米商城官网首页模板基于HTML+CSS+JavaScript制作，包括导航栏，商品分类菜单等。

文件目录

代码实现

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="css/xiaomi.css"/> <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script> <script src="js/jquery.animate-colors-min.js"></script> </head> <body> <div class="head_box"> <div id="head_wrap"> <div id="head_nav"> <a class="head_nav_a">大米网</a> <span>|</span> <a class="head_nav_a">MIUI</a> <span>|</span> <a class="head_nav_a">米聊</a> <span>|</span> <a class="head_nav_a">游戏</a> <span>|</span> <a class="head_nav_a">多看阅读</a> <span>|</span> <a class="head_nav_a">云服务</a> <span>|</span> <a class="head_nav_a">大米移动版</a> <span>|</span> <a class="head_nav_a">问题反馈</a> <span>|</span> <a class="head_nav_a" id="Select_Region_but">Select Region</a> </div> <div id="head_right"> <div id="head_landing"> <a class="head_nav_a">登陆</a> <span>|</span> <a class="head_nav_a">注册</a> </div> <div id="head_car"> <a class="head_car_text">购物车（0）</a> <div id="car_content" style="height: 0px;width:0px ;background-color: #edffc6;z-index: 999"> <a class="car_text"></a> </div> </div> </div> </div> </div> <div id="foot_box"> <div id="foot_wrap"> <div class="foot_top"> <ul> <li>1小时快修服务</li> <li class="font_top_i">|</li> <li>7天无理由退货</li> <li class="font_top_i">|</li> <li>15天免费换货</li> <li class="font_top_i">|</li> <li>满150元包邮</li> <li class="font_top_i">|</li> <li>520余家售后网点</li> </ul> </div> <div class="foot_bottom"> <div class="foot_bottom_l"> <dl> <dt>帮助中心</dt> <dd>购物指南</dd> <dd>支付方式</dd> <dd>配送方式</dd> </dl> <dl> <dt>服务支持</dt> <dd>售后政策</dd> <dd>自助服务</dd> <dd>相关下载</dd> </dl> <dl> <dt>大米之家</dt> <dd>大米之家</dd> <dd>服务网点</dd> <dd>预约亲临到店服务</dd> </dl> <dl> <dt>关注我们</dt> <dd>新浪微博</dd> <dd>大米部落</dd> <dd>官方微信</dd> </dl> </div> <div class="foot_bottom_r"> <a>400-100-5678</a> <a>周一至周日 8:00-18:00</a> <a>（仅收市话费）</a> <span> 24小时在线客服</span> </div> </div> </div> <div class="foot_note_box"> <div class="foot_note_wrap"> <div class="foot_note_con"> <span class="foot_logo"><img src="img/mi-logo.png" width="38px" height="38px"></span> <span class="foot_note_txt"> <a>大米网</a><h>|</h><a>MIUI</a><h>|</h><a>米聊</a><h>|</h><a>多看书城</a><h>|</h><a>大米路由器</a><h>|</h><a>大米后院</a><h>|</h><a>大米天猫店</a><h>|</h><a>大米淘宝直营店</a><h>|</h><a>大米网盟</a><h>|</h><a>问题反馈</a><h>|</h><a>Select Region</a> <a> 5555555号</a> </span> </div> </div> </div> </div> <script type="text/javascript" src="js/xiaomi.js"></script> </body> </html>