【免费】html、css京东移动端静态页面_淘宝移动端商品详情页html资源-CSDN文库

共44个文件

png：25个

webp：5个

jpg：4个

html

需积分: 0 91 浏览量 2024-04-10 11:29:41 上传评论收藏 1.05MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

京东移动端.zip （44个子文件）

京东移动端

.vscode

settings.json 40B

flexible.js 1KB

swiper

swiper-bundle.min.js 145KB

swiper-bundle.min.css 18KB

img

index

2-6.webp 23KB

1-1.png 5KB

1-6.png 6KB

3-2.png 3KB

seckill.png 2KB

1-7.png 7KB

2-5.jpg 173KB

1-3.png 3KB

1-10.png 8KB

2-7.webp 16KB

1-2.png 3KB

2-8.jpg 180KB

2-3.jpg 360KB

任务中心.png 283B

item.webp 14KB

background.png 44KB

放大镜.png 287B

lowprice.png 1KB

2-1.jpg 105KB

2-4.webp 6KB

1-8.png 6KB

1-5.png 6KB

3-3.png 2KB

2-2.webp 21KB

1-4.png 4KB

箭头.png 265B

1-9.png 6KB

3-1.png 4KB

3-4.png 3KB

wx.png 4KB

下箭头.png 408B

pg.png 1KB

qq.png 4KB

左箭头.png 467B

css

reset.css 2KB

index.css 6KB

favicon.ico 25KB

index.html 12KB

icon

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>多快好省，购物逛京东！</title> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> <link rel="stylesheet" href="./css/reset.css"> <link rel="stylesheet" href="./css/index.css"> <link rel="stylesheet" href="./swiper/swiper-bundle.min.css"> </head> <body>  <header> <img src="./img/index/任务中心.png" alt=""> <input type="text" placeholder="请输入搜索内容"> <a href="./login.html">登录</a> </header> <main> <div class="container"> <div class="swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"><a href="javascript:;"><img src="./img/index/1-1.png" alt=""> <p>京东超市</p> </a></div> <div class="swiper-slide"><a href="javascript:;"><img src="./img/index/1-2.png" alt=""> <p>京东电器</p> </a></div> <div class="swiper-slide"><a href="javascript:;"><img src="./img/index/1-3.png" alt=""> <p>服饰美妆</p> </a></div> <div class="swiper-slide"><a href="javascript:;"><img src="./img/index/1-4.png" alt=""> <p>充值中心</p> </a></div> <div class="swiper-slide"><a href="javascript:;"><img src="./img/index/1-5.png" alt=""> <p>PLUS会员</p> </a></div> <div class="swiper-slide"><a href="javascript:;"><img src="./img/index/1-6.png" alt=""> <p>京东生鲜</p> </a></div> <div class="swiper-slide"><a href="javascript:;"><img src="./img/index/1-7.png" alt=""> <p>京东国际</p> </a></div> <div class="swiper-slide"><a href="javascript:;"><img src="./img/index/1-8.png" alt=""> <p>京东拍卖</p> </a></div> <div class="swiper-slide"><a href="javascript:;"><img src="./img/index/1-9.png" alt=""> <p>拍拍二手</p> </a></div> <div class="swiper-slide"><a href="javascript:;"><img src="./img/index/1-10.png" alt=""> <p>全部</p> </a></div> </div>  <div class="swiper-pagination"></div> </div> </div> <div class="container"> <div class="seckill"> <div class="left"> <div class="banner"></div> <p class="lowprice">限时低价</p> <p class="buying"><a href="javascript:;">去抢购</a></p> </div> <div class="right"> <div> <a href="javascript:;"> <img src="./img/index/2-1.jpg" alt=""> <p>￥99</p> </a> </div> <div> <a href="javascript:;"> <img src="./img/index/2-1.jpg" alt=""> <p>￥99</p> </a> </div> <div> <a href="javascript:;"> <img src="./img/index/2-1.jpg" alt=""> <p>￥99</p> </a> </div> <div> <a href="javascript:;"> <img src="./img/index/2-1.jpg" alt=""> <p>￥99</p> </a> </div> <div> <a href="javascript:;"> <img src="./img/index/2-1.jpg" alt=""> <p>￥99</p> </a> </div> <div> <a href="javascript:;"> <img src="./img/index/2-1.jpg" alt=""> <p>￥99</p> </a> </div> <div> <a href="javascript:;"> <img src="./img/index/2-1.jpg" alt=""> <p>￥99</p> </a> </div> <div> <a href="javascript:;"> <img src="./img/index/2-1.jpg" alt=""> <p>￥99</p> </a> </div> </div> </div> </div> <div class="content"> <div class="column1"> <div class="item"> <a href="javascript:;"> <img src="./img/index/item.webp" alt=""> </a> <div class="detail"> <p> 九阳（Joyoung）电饭煲2L电饭锅迷你电饭锅小容量饭锅家用0涂层内胆 2升316L不锈钢胆 </p> <div class="lowprice"> 90天最低价 </div> <p class="price">￥<span>999</span>.00</p> <p class="tags"> <span>200+条评论</span> <span><a href="javascript:;">看相似</a></span> </p> </div> </div> <div class="item"> <a href="javascript:;"> <img src="./img/index/item.webp" alt=""> </a> <div class="detail"> <p> 九阳（Joyoung）电饭煲2L电饭锅迷你电饭锅小容量饭锅家用0涂层内胆 2升316L不锈钢胆 </p> <div class="lowprice"> 90天最低价 </div> <p class="price">￥<span>999</span>.00</p> <p class="tags"> <span>200+条评论</span> <span><a href="javascript:;">看相似</a></span> </p> </div> </div> <div class="item"> <a href="javascript:;"> <img src="./img/index/item.webp" alt=""> </a> <div class="detail"> <p> 九阳（Joyoung）电饭煲2L电饭锅迷你电饭锅小容量饭锅家用0涂层内胆 2升316L不锈钢胆 </p> <div class="lowprice"> 90天最低价 </div> <p class="price">￥<span>999</span>.00</p> <p class="tags"> <span>200+条评论</span> <span><a href="javascript:;">看相似</a></span> </p> </div> </div> <div class="item"> <a href="javascript:;"> <img src="./img/index/item.webp" alt=""> </a> <div class="detail"> <p> 九阳（Joyoung）电饭煲2L电饭锅迷你电饭锅小容量饭锅家用0涂层内胆 2升316L不锈钢胆 </p> <div class="lowprice"> 90天最低价 </div> <p class="price">￥<span>999</span>.00</p> <p class="tags"> <span>200+条评论</span> <span><a href="javascript:;">看相似</a></span> </p> </div> </div> <div class="item"> <a href="javascript:;"> <img src="./img/index/item.webp" alt=""> </a> <div class="detail"> <p> 九阳（Joyoung）电饭煲2L电饭锅迷你电饭锅小容量饭锅家用0涂层内胆 2升316L不锈钢胆 </p> <div class="lowprice"> 90天最低价 </div> <p class="price">￥<span>999</span>.00</p> <p class="tags"> <span>200+条评论</span> <span><a href="javascript:;">看相似</a></span> </p> </div> </div> </div> <div class="column1"> <div class="item"> <a href="javascript:;"> <img src="./img/index/item.webp" alt=""> </a> <div class="detail"> <p> 九阳（Joyoung）电饭煲2L电饭锅迷你电饭锅小容量饭锅家用0涂层内胆 2升316L不锈钢胆 </p> <div class="lowprice"> 90天最低价 </div> <p class="price">�

评论收藏

内容反馈