仿当当网PC端demo源码H5C3+JS，基本还原样式，实现滚动监听，tab切换，倒计时，轮播图、JS动画等效果

共95个文件

jfif：51个

png：27个

gif：5个

javascript

H5C3

仿当当网

flex布局

需积分: 5 65 浏览量 2023-07-24 13:24:17 上传评论 1 收藏 3.87MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

当当.zip （95个子文件）

common.js 1KB

index.js 13KB

swiper-bundle.min.js 140KB

img

pic (35).jfif 24KB

pic (26).png 8KB

pic (25).png 10KB

pic (6).jfif 4KB

pic (6).png 667B

9001320352311051.jpg 47KB

pic (40).jfif 92KB

pic (11).png 21KB

pic (26).jfif 12KB

pic (20).png 4KB

pic (21).png 118KB

pic (50).jfif 107KB

pic (39).jfif 726KB

pic (18).jfif 26KB

pic (16).jfif 9KB

pic (9).jfif 3KB

pic (23).png 6KB

pic (15).png 2KB

pic (37).jfif 9KB

pic (7).png 3KB

pic (45).jfif 125KB

pic (4).gif 178KB

pic (43).jfif 90KB

pic (28).jfif 12KB

pic (33).jfif 14KB

pic (38).jfif 9KB

pic (18).png 3KB

pic (5).gif 957KB

2023063009595166226.jpg 48KB

pic (27).jfif 14KB

pic (2).gif 3KB

pic (36).jfif 34KB

pic (14).png 439B

pic (8).png 2KB

pic (13).jfif 31KB

pic (5).png 2KB

pic (42).jfif 88KB

pic (7).jfif 3KB

pic (8).jfif 2KB

pic (5).jfif 14KB

pic (3).gif 17KB

pic (1).gif 46KB

pic (20).jfif 55KB

pic (2).jfif 17KB

pic (4).jfif 8KB

pic (32).jfif 10KB

pic (22).png 4KB

pic (16).png 4KB

pic (1).ico 1KB

pic (17).jfif 14KB

pic (12).png 6KB

pic (23).jfif 58KB

pic (47).jfif 112KB

search.jpg 3KB

pic (12).jfif 5KB

pic (29).jfif 11KB

pic (10).png 3KB

pic (41).jfif 87KB

close.png 439B

pic (24).png 4KB

pic (19).png 3KB

pic (4).png 4KB

pic (14).jfif 29KB

pic (1).png 19KB

pic (19).jfif 10KB

pic (1).jfif 14KB

pic (2).png 2KB

pic (44).jfif 94KB

pic (9).png 3KB

pic (46).jfif 74KB

pic (48).jfif 164KB

pic (13).png 7KB

pic (31).jfif 10KB

pic (3).jfif 4KB

pic (11).jfif 9KB

pic (51).jfif 184KB

pic (17).png 1KB

pic (24).jfif 23KB

pic (21).jfif 48KB

pic (3).png 6KB

pic (15).jfif 29KB

pic (49).jfif 48KB

pic (34).jfif 10KB

pic (25).jfif 38KB

pic (10).jfif 3KB

pic (30).jfif 38KB

pic (22).jfif 35KB

css

index.less 31KB

common.css 3KB

swiper-bundle.min.css 16KB

index.css 24KB

index.html 136KB

<!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="stylesheet" href="./css/common.css">  <link rel="stylesheet" href="./css/index.css">  <link rel="stylesheet" href="./css/swiper-bundle.min.css">  <script src="./js/common.js" defer></script>  <script src="./js/swiper-bundle.min.js"> </script>  <script src="./js/index.js" defer></script> </head> <body>  <div class="ad-bar wrap"> <a href="#"> <img src="./img/pic (44).jfif" alt=""> </a> </div>  <div class="ad-bottom"> <img src="./img/pic (4).gif" alt=""> <a href="javascript:;"></a> </div>  <div class="aside-ad"> <ul> <li class="clearFix"> <a href="#"> </a> <span>图书</span> </li> <li class="clearFix"> <a href="#"> </a> <span>服装</span> </li> <li class="clearFix"> <a href="#"> </a> <span>日用百货</span> </li> <li class="clearFix"> <a href="#"> </a> <span>孕婴童</span> </li> <li class="clearFix"> <a href="#"> </a> <span>猜你喜欢</span> </li> </ul> </div>  <div class="fix-aside"> <div class="top"> <a href="#"> <span>购物车</span> </a> <a href="#"> <span>收藏</span> </a> <a href="#"> <span>足迹</span> </a> <a href="#"> <span>积分</span> </a> <a href="#"> <span>小管家</span> </a> </div> <div class="bottom"> <a href="#" > <span> <img src="./img/pic (30).jfif" alt=""> </span> </a> <a href="#" id="returnTop"> <span>返回顶部</span> </a> <a href="#"> 意见反馈 </a> <a href="#"> 广告 </a> </div> </div>  <div class="scrollBar"> <div class="wrap"> <img src="./../6980a660-38bd-4629-a74e-c79c7c2db431.hpuWMccm" alt=""> <input type="text"> <button> <img src="./img/search.jpg" alt=""> </button> </div> </div>  <div class="tools"> <div class="wrap clearFix"> <div class="left"> <a href="#"> 送至：北京 </a> <ul class="clearFix"> <li> <a href="#">北京</a> </li> <li> <a href="#">天津</a> </li> <li> <a href="#">河北</a> </li> <li> <a href="#">山西</a> </li> <li> <a href="#">内蒙古</a> </li> <li> <a href="#">北京</a> </li> <li> <a href="#">天津</a> </li> <li> <a href="#">河北</a> </li> <li> <a href="#">山西</a> </li> <li> <a href="#">内蒙古</a> </li> <li> <a href="#">北京</a> </li> <li> <a href="#">天津</a> </li> <li> <a href="#">河北</a> </li> <li> <a href="#">山西</a> </li> <li> <a href="#">内蒙古</a> </li> <li> <a href="#">北京</a> </li> <li> <a href="#">天津</a> </li> <li> <a href="#">河北</a> </li> <li> <a href="#">山西</a> </li> <li> <a href="#">内蒙古</a> </li> <li> <a href="#">北京</a> </li> <li> <a href="#">天津</a> </li> <li> <a href="#">河北</a> </li> <li> <a href="#">山西</a> </li> <li> <a href="#">内蒙古</a> </li> <li> <a href="#">北京</a> </li> <li> <a href="#">天津</a> </li> <li> <a href="#">河北</a> </li> <li> <a href="#">山西</a> </li> <li> <a href="#">内蒙古</a> </li> <li> <a href="#">北京</a> </li> <li> <a href="#">天津</a> </li> <li> <a href="#">河北</a> </li> <li> <a href="#">山西</a> </li> <li> <a href="#">内蒙古</a> </li> </ul> </div> <div class="right"> <div class="welcome"> 欢迎光临当当，请<a href="#" class="login-link">登录</a>成为会员 </div> <ul> <li class="shopcar"> <a href="#"><i class="shopcar-icon"></i>购物车 <b class="count-card"> 0</b></a> </li> <li> <a href="#"> 我的订单 </a> </li> <li> <a href="#"> 我的云书房 </a> </li> <li> <a href="#" class="menu-btn">

评论收藏

内容反馈