人工智能-项目实践-html-借助小米官方网站的图片素材，编写一个与小米网站类似的网站.zip资源-CSDN文库

共64个文件

jpg：47个

png：10个

css：3个

版权申诉

html

人工智能

97 浏览量 2023-12-27 15:37:50 上传评论收藏 1.48MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

人工智能-项目实践-html-借助小米官方网站的图片素材，编写一个与小米网站类似的网站.zip （64个子文件）

XiaoMiWeb-master

jquery-1.11.2.min.js 94KB

index.js 2KB

img

footer

3.png 2KB

1.png 4KB

4.png 2KB

2.png 4KB

logo.png 272B

nav

hezi05.jpg 6KB

hezi04.jpg 3KB

dianshi04.jpg 20KB

dianshi06.jpg 17KB

hongmi04.jpg 10KB

pingban01.jpg 10KB

dianshi03.jpg 20KB

dianshi01.jpg 15KB

pingban04.jpg 12KB

xiaomi03.jpg 8KB

hongmi02.jpg 11KB

luyouqi05.jpg 952B

pingban05.jpg 12KB

dianshi05.jpg 24KB

xiaomi01.jpg 7KB

xiaomi02.jpg 9KB

luyouqi01.jpg 4KB

hezi06.jpg 6KB

hongmi01.jpg 10KB

dianshi02.jpg 15KB

pingban02.jpg 10KB

pingban03.jpg 11KB

luyouqi06.jpg 740B

luyouqi04.jpg 4KB

hezi01.png 6KB

hongmi03.jpg 9KB

hezi03.jpg 4KB

luyouqi02.png 10KB

hezi02.png 22KB

luyouqi03.jpg 3KB

banner

banner6.jpg 207KB

nav2

first

2.jpg 2KB

10.jpg 2KB

6.jpg 2KB

1.jpg 2KB

12.jpg 836B

5.jpg 2KB

8.jpg 988B

11.jpg 963B

7.png 2KB

3.jpg 758B

9.jpg 747B

4.jpg 2KB

second

2.jpg 1KB

1.jpg 2KB

banner4.jpg 195KB

banner3.jpg 173KB

banner1.jpg 131KB

banner5.jpg 138KB

banner7.jpg 176KB

btn.png 1KB

banner2.jpg 169KB

css

main.css 908B

common.css 43B

index.css 8KB

index.html 18KB

.project 861B

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>小米商城-小米官方网站</title> <meta name="keywords" content="网站开发，小米商城" /> <meta name="description" content="参照小米商城制作" /> <link rel="stylesheet" href="css/main.css" /> <link rel="stylesheet" href="css/common.css" /> <link rel="stylesheet" href="css/index.css" /> <script type="text/javascript" src="js/jquery-1.11.2.min.js" ></script> <script type="text/javascript" src="js/index.js" ></script> </head> <body>  <div class="header"> <div class="h_top"> <dic class="h_t_left lFloat"> <ul> <li><a href="#">小米商城</a><span class="h_t_line">|</span></li> <li><a href="#">MIUI</a><span class="h_t_line">|</span></li> <li><a href="#">米聊</a><span class="h_t_line">|</span></li> <li><a href="#">游戏</a><span class="h_t_line">|</span></li> <li><a href="#">多看阅读</a><span class="h_t_line">|</span></li> <li><a href="#">云服务</a><span class="h_t_line">|</span></li> <li><a href="#">小米网移动版</a><span class="h_t_line">|</span></li> <li><a href="#">问题反馈</a><span class="h_t_line">|</span></li> <li><a href="#">SelectRegion</a></li> </ul> </dic> <div class="h_t_right rFloat"> <div class="h_t_r_login lFloat"> <a href="#">登录</a> <span class="h_t_line">|</span> <a href="#">注册</a> <span class="h_t_line">|</span> <a href="#">消息通知</a> </div> <div class="h_t_r_shopCart rFloat"> <i class="iconfont"></i> <span class="car">购物车（<span id="num">0</span>）</span> <div class="h_m_r_s_hide"> 购物车中还没有商品，赶紧选购吧！ </div> </div> </div> </div> </div>   <div class="warp"> <div class="w_nav"> <div class="w_n_logo lFloat"> <a href="#"></a> </div> <div class="w_n_center lFloat"> <ul> <li class="w_n_c_li"><a href="#">小米手机</a></li> <li class="w_n_c_li"><a href="#">红米</a></li> <li class="w_n_c_li"><a href="#">平板 · 笔记本</a></li> <li class="w_n_c_li"><a href="#">电视</a></li> <li class="w_n_c_li"><a href="#">盒子 · 影音</a></li> <li class="w_n_c_li"><a href="#">路由器</a></li> <li><a href="#">智能硬件</a></li> <li><a href="#">服务</a></li> <li><a href="#">社区</a></li> </ul> </div> <div class="w_n_serach rFloat"> <div class="w_n_s_input lFloat"/> <input type="text"> <div class="w_n_s_hide"> <ul> <li><a href="http://www.baidu.com">小米手机<span>约有11件</span></a></li> <li><a href="">空气净化器<span>约有11件</span></a></li> <li><a href="">空气净化器<span>约有11件</span></a></li> <li><a href="">空气净化器<span>约有11件</span></a></li> <li><a href="">空气净化器<span>约有11件</span></a></li> <li><a href="">空气净化器<span>约有11件</span></a></li> <li><a href="">空气净化器<span>约有11件</span></a></li> <li><a href="">空气净化器<span>约有11件</span></a></li> <li><a href="">空气净化器<span>约有11件</span></a></li> <li><a href="">空气净化器<span>约有11件</span></a></li> </ul> </div> </div> <div class="w_n_s_find lFloat"> <i class="iconfont"></i> </div> </div> </div> <div class="w_n_c_hover"> <div class="w_n_c_h_main"> <ul class="ul1" style="display:block"> <li> <a href="" class="p_img"><img src="img/nav/xiaomi01.jpg"></a> <a href="" class="p_title">小米Max</a> <p class="p_price">1299元起</p> <div class="p_border"></div> </li> <li> <a href="" class="p_img"><img src="img/nav/xiaomi02.jpg"></a> <a href="" class="p_title">小米手机5</a> <p class="p_price">1999元起</p> <div class="p_border"></div> </li> <li> <a href="" class="p_img"><img src="img/nav/xiaomi03.jpg"></a> <a href="" class="p_title">小米手机4c</a> <p class="p_price">1099元</p> </li> </ul> <ul class="ul2"> <li> <a href="" class="p_img"><img src="img/nav/hongmi01.jpg"></a> <a href="" class="p_title">红米Pro</a> <p class="p_price">1299元起</p> <div class="p_border"></div> </li> <li> <a href="" class="p_img"><img src="img/nav/hongmi02.jpg"></a> <a href="" class="p_title">红米Note 3</a> <p class="p_price">1999元起</p> <div class="p_border"></div> </li> <li> <a href="" class="p_img"><img src="img/nav/hongmi03.jpg"></a> <a href="" class="p_title">红米手机3S</a> <p class="p_price">1099元</p> <div class="p_border"></div> </li> <li> <a href="" class="p_img"><img src="img/nav/hongmi04.jpg"></a> <a href="" class="p_title">红米手机3</a> <p class="p_price">1099元</p> </li> </ul> <ul class="ul3"> <li> <a href="" class="p_img"><img src="img/nav/pingban01.jpg"></a> <a href="" class="p_title">小米平板2 16GB</a> <p class="p_price">1299元起</p> <div class="p_border"></div> </li> <li> <a href="" class="p_img"><img src="img/nav/pingban02.jpg"></a> <a href="" class="p_title">小米平板2 64GB</a> <p class="p_price">1999元起</p> <div class="p_border"></div> </li> <li> <a href="" class="p_img"><img src="img/nav/pingban03.jpg"></a> <a href="" class="p_title">小米平板2 64GB Windows版</a> <p class="p_price">1099元</p> <div class="p_border"></div> </li> <li> <a href="" class="p_img"><img src="img/nav/pingban04.jpg"></a> <a href="" class="p_title">小米笔记本Air 12.5"</a> <p class="p_price">1099元</p> <div class="p_border"></div> </li> <li> <a href="" class="p_img"><img src="img/nav/pingban05.jpg"></a> <a href="" class="p_title">小米笔记本Air 13.3"</a> <p class="p_price">1099元</p> </li> </ul> <ul class="ul4"> <li> <a href="" class="p_img"><img src="img/nav/dianshi01.jpg"></a> <a href="" class="p_title">小米电视3S 43英寸</a> <p class="p_price">1299元起</p> <div class="p_border"></div> </li> <li> <a href="" class="p_img"><img src="img/nav/dianshi02.jpg"></a> <a href="" class="p_title">小米电视3S 48英寸</a> <p class="p_price">1999元起</p> <div class="p_border"></div> </li> <li> <a href="" class="p_img"><img src="img/nav/dianshi03.jpg"></a> <a href="" class="p_title">小米电视3 55英寸</a> <p class="p_price">1099元</p> <div class="p_border"></div> </li> <li> <a href="" class="p_img"><img src="img/nav/dianshi04.jpg"></a> <a href="" class="p_title">小米电视3 60英寸</a> <p class="p_price">1099元</p> <div class="p_border"></div> </li> <li> <a href="" class="p_img"><img src="img/nav/dianshi05.jpg"></a> <a href="" class="p_title">小米电视3S 65英寸曲面</a> <p class="p_price">1099元</p> <div class="p_border"></div> </li> <li> <a href="" class="p_img"><img src="img/nav/dianshi06.jpg"></a> <a href="" class="p_title">小米电视3 70英寸</a> <p class="p_price">1099元</p> </li> </ul> <ul class="ul5"> <li> <a href="" class="p_img"><img src="img/nav/hezi01.png"></a> <a href="" class="p_title">小米盒子mini版</a> <p class="p_price">1299元起</p> <div class="p_border"></div> </li> <li> <a h

评论收藏

内容反馈

版权申诉