小米商城html+css+js全代码_小米商城htmlcssjs代码资源-CSDN文库

共137个文件

png：64个

jpg：49个

jpeg：6个

小米商城

HTML+CSS+JS

网页制作

需积分: 5 61 浏览量 2024-11-30 23:17:53 上传评论收藏 7.86MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

小米商城html+css+js全代码（137个子文件）

小米商城.css 9KB

XiaoMi官网.css 3KB

小米ID.css 2KB

小米Cloud.css 2KB

iconfont.css 840B

XiaoMi商城.html 33KB

XiaoMi官网.html 4KB

XiaoMi账号.html 3KB

XiaoMi云服务.html 2KB

MIUI14.jpeg 514KB

XIAOMIAutoDrive.jpeg 143KB

XIAOMI Note12.jpeg 118KB

CyBerOne.jpeg 77KB

XIAOMI CiVi 3.jpeg 37KB

底部小白条.jpeg 1004B

RedMi K60.jpg 69KB

RedMi BOOK14.jpg 48KB

miF41.jpg 32KB

Mi Note12 Turbo.jpg 32KB

miF5-1.jpg 30KB

XiaoMi 13 xilie.jpg 27KB

miF41-1.jpg 22KB

miF81.jpg 19KB

miF51.jpg 18KB

miF54.jpg 16KB

XiaoMi13ULaiKa.jpg 16KB

miF81-1.jpg 16KB

miF74.jpg 14KB

miF21.jpg 14KB

miF49.jpg 13KB

miF44.jpg 13KB

miF37.jpg 11KB

xmF61.jpg 11KB

junengxieAD.jpg 11KB

miF87.jpg 11KB

miF35.jpg 10KB

xmF14.jpg 9KB

miF36.jpg 8KB

miF78.jpg 8KB

miF42.jpg 7KB

miF83.jpg 7KB

miF73.jpg 7KB

miF82.jpg 7KB

miF75.jpg 7KB

miF43.jpg 6KB

miF86.jpg 5KB

miF76.jpg 5KB

miF88.jpg 5KB

miF58.jpg 5KB

miF77.jpg 4KB

miF59.jpg 4KB

miF85.jpg 4KB

miF57.jpg 4KB

miF39.jpg 3KB

xmF65.jpg 3KB

miF56.jpg 3KB

miF55.jpg 3KB

miF26.jpg 3KB

xmF64.jpg 2KB

miF52.jpg 2KB

miF79.jpg 2KB

miF24.jpg 1KB

xmF69.jpg 1006B

miF46.jpg 792B

iconfont.js 6KB

XiaoMi官网.js 5KB

XiaoMi注册.js 3KB

XiaoMi商城.js 1KB

iconfont.json 1KB

MiTu.png 1.21MB

XIAOMI SOUND MOVE.png 778KB

XIAOMI 13-1.png 702KB

XIAOMI TV.png 629KB

XIAOMI LaiKa1.png 592KB

XIAOMI 13U XD.png 478KB

XIAOMI LaiKa2.png 386KB

XIAOMI 13-2.png 380KB

XIAOMI 13 U.png 292KB

XIAOMI BAND8.png 284KB

XIAOMI pad 6.png 214KB

XIAOMI 13-3.png 170KB

MI.png 55KB

dlogo4.png 24KB

miF31.png 23KB

miF53.png 20KB

miF84.png 19KB

miF71.png 15KB

xmF61-1.png 15KB

appScan.png 13KB

Note12AD.png 12KB

miF71-1.png 12KB

dlogo3.png 10KB

miF38.png 9KB

miF72.png 9KB

xmF13.png 9KB

miF47.png 8KB

miF48.png 8KB

miF32.png 8KB

xmF18.png 7KB

共 137 条

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>小米商城 - Xiaomi 13、Redmi K60、MIX FOLD 2，小米电视官方网站</title> <link rel="stylesheet" href="css/小米商城.css" /> <link rel="icon" href="img/MI.png" > <link rel="stylesheet" href="font_XIAOMI/iconfont.css" /> <script type="text/javascript" src="js/XiaoMi商城.js" ></script> </head> <body> <div class="shopPage"> <div class="shopHeaderPage"> <div class="shopPageNavigationBar1"> <div class="shopLeftNavigationBar"> <ul> <a href="XiaoMi官网.html"><div><li>小米官网</li></div></a> <a href="XiaoMi商城.html"><div><li>小米商城</li></div></a> <a href="#"><div><li>MIUI</li></div></a> <a href="#"><div><li>loT</li></div></a> <a href="XiaoMi云服务.html"><div><li>云服务</li></div></a> <a href="#"><div><li>天星数科</li></div></a> <a href="#"><div><li>有品</li></div></a> <a href="#"><div><li>小爱开放平台</li></div></a> <a href="#"><div><li>企业团购</li></div></a> <a href="#"><div><li>资质证照</li></div></a> <a href="#"><div><li>协议规则</li></div></a> <a href="#"><div><li>下载app <ul> <li> <img src="img/appScan.png" /> </li> </ul> </li></div></a> <a href="#"><div><li class="lastFixLi">Select Location</li></div></a> </ul> </div> <div class="shopRightNavigationBar"> <ul> <a href="XiaoMi账号.html"><div><li>登录</li></div></a> <a href="XiaoMi账号.html"><div><li>注册</li></div></a> <a href="#"><div><li>消息通知</li></div></a> </ul> </div> <div class="shopRightNavigationBar2"> <ul> <a href="#"><div><li><span class="iconfont icon-xiazai1" ></span></li></div> <div><li>购物车（0）</li></div></a> </ul> </div> </div> <div class="shopPageNavigationBar2"> <div class="NavigationBar2Left"> <a href="XiaoMi官网.html"><img src="img/MI.png" /></a> </div> <div class="NavigationBar2Middle"> <ul> <a href="#"><div><li>Xiaomi手机</li></div></a> <a href="#"><div><li>Redmi手机</li></div></a> <a href="#"><div><li>电视</li></div></a> <a href="#"><div><li>笔记本</li></div></a> <a href="#"><div><li>平板</li></div></a> <a href="#"><div><li>家电</li></div></a> <a href="#"><div><li>路由器</li></div></a> <a href="#"><div><li>服务中心</li></div></a> <a href="#"><div><li>社区</li></div></a> </ul> </div> <div class="NavigationBar2Right"> <div class="searchNavigationBar"> <input type="text" placeholder="洗衣机" /> <div id="iconSearchNavigationBar"> <span class="iconfont icon-sousuo"></span> </div> </div> </div> </div> <div class="shopHeaderLeftNavigationBar"> <ul> <li class="headerLeftNavLi"> <div class="headerLeftNAV">手机</div> <div class="headerLeftNavIcon"><span class="iconfont icon-xiayige" ></span></div> </li> <li class="headerLeftNavLi"> <div class="headerLeftNAV">电视</div> <div class="headerLeftNavIcon"><span class="iconfont icon-xiayige" ></span></div> </li> <li class="headerLeftNavLi"> <div class="headerLeftNAV">家电</div> <div class="headerLeftNavIcon"><span class="iconfont icon-xiayige" ></span></div> </li> <li class="headerLeftNavLi"> <div class="headerLeftNAV">笔记本 平板</div> <div class="headerLeftNavIcon"><span class="iconfont icon-xiayige" ></span></div> </li> <li class="headerLeftNavLi"> <div class="headerLeftNAV">出行 穿戴</div> <div class="headerLeftNavIcon"><span class="iconfont icon-xiayige" ></span></div> </li> <li class="headerLeftNavLi"> <div class="headerLeftNAV">耳机 音箱</div> <div class="headerLeftNavIcon"><span class="iconfont icon-xiayige" ></span></div> </li> <li class="headerLeftNavLi"> <div class="headerLeftNAV">健康 儿童</div> <div class="headerLeftNavIcon"><span class="iconfont icon-xiayige" ></span></div> </li> <li class="headerLeftNavLi"> <div class="headerLeftNAV">生活 箱包</div> <div class="headerLeftNavIcon"><span class="iconfont icon-xiayige" ></span></div> </li> <li class="headerLeftNavLi"> <div class="headerLeftNAV">智能 路由器</div> <div class="headerLeftNavIcon"><span class="iconfont icon-xiayige" ></span></div> </li> <li class="headerLeftNavLi"> <div class="headerLeftNAV">电源 配件</div> <div class="headerLeftNavIcon"><span class="iconfont icon-xiayige" ></span></div> </li> </ul> </div> <div class="shopHeaderRightChangeImg"> <div class="imgBoxHeader"> <a href="#"><img class="img-slide img1" src="img/XIAOMI Note12.jpeg" /></a> <a href="#"><img class="img-slide img2" src="img/XIAOMI CiVi 3.jpeg" /></a> <a href="#"><img class="img-slide img2" src="img/RedMi BOOK14.jpg" /></a> </div> <div class="fontIcon"> <span id="leftMove" class="iconfont icon-arrowleft" onclick="LastImg()"></span> <span id="rightMove" class="iconfont icon-arrowright" onclick="NextImg()"></span> </div> </div> <div class="HeaderBottom"> <div class="HeaderBottomDiv"> <ul> <a href="#"><li><img src="img/MiCare.png" /><span>保障服务</span></li></a> <a href="#"><li><img src="img/MITuanGou.png" /><span>企业团购</span></li></a> <a href="#"><li><img src="img/MiF.png" /><span> F码通道</span></li></a> <a href="#"><li><img src="img/MiFanCard.png" /><span>  米粉卡</span></li></a> <a href="#"><li><img src="img/MIChange.png" /><span>以旧换新</span></li></a> <a href="#"><li><img src="img/MiChongzhi.png" /><span>话费充值</span></li></a> </ul> </div> <div class="HeaderBottomDiv1"> <a href="#"><img src="img/Mi Note12 Turbo.jpg" /></a> </div> <div class="HeaderBottomDiv1"> <a href="#"><img src="img/XiaoMi 13 xilie.jpg" /></a> </div> <div class="HeaderBottomDiv1"> <a href="#"><img src="img/RedMi K60.jpg" /></a> </div> <div class="HeaderBottomAD"> <a href="#"><img src="img/Note12AD.png" /></a> </div> </div> </div> <div class="shopContentPage"> <div class="shopContentPageF1"> <div class="shopContentPageF1TopTitle"> <div class="F1TopTitleLeft"> <p>手机</p> </div> <div class="F1TopTitleRight"> <a href="#">查看更多<span class="iconfont icon-icnext"></span></a> </div> </div> <div class="shopContentPageF1Left"> <a href="#"><img src="img/XiaoMi13ULaiKa.jpg" /></a> </div> <div class="shopContentPageF1Right"> <a href="#"><div class="F1RightDiv1"> <img src="img/xmF11.png" /> <p class="F1divP1">Redmi Note 12T Pro</p> <p class="F1divP2">年度 LCD 屏幕之光</p> <p class="F1divP3">1599元起</p> </div></a> <a href="#"><div class="F1RightDiv2"> <img src="img/xmF12.png" /> <p class="F1divP1">Xiaomi Civi 3</p> <p class="F1divP2">仿生双眸  天生出色</p> <p class="F1divP3">2499元起</p> </div></a> <a href="#"><div class="F1RightDiv3"> <img src="img/xmF13.png" /> <p class="F1divP1">Xiaomi 13 Ultra</p> <p class="F1divP2">徕卡光学全焦段四摄|—英寸可变光圈|..</p> <p class="F1divP3">5999元起</p> </div></a> <a h

评论收藏

内容反馈