ZIP前端静态项目案例-仿淘宝官网首页 23.56MB

weixin_54555405

资源文件列表:

taobao.zip 大约有115个文件
  1. taobao/
  2. taobao/css/
  3. taobao/css/indexxxxxxxxxxx.css 1.28KB
  4. taobao/css/jishiqi.css 788B
  5. taobao/css/swiper-bundle.min.css 18KB
  6. taobao/css/swiper.css 353B
  7. taobao/css/swiper.min.css 6.56KB
  8. taobao/css/swiper02.css 395B
  9. taobao/css/swiper1.css 1019B
  10. taobao/css/swiper2_2.css 462B
  11. taobao/css/taobao.css 18.41KB
  12. taobao/css/taobaobeifen.css 17.69KB
  13. taobao/css/taobaodemo02.css 20.03KB
  14. taobao/img/
  15. taobao/img/1688.png 9.34KB
  16. taobao/img/aixin.png 2.7KB
  17. taobao/img/banxie.png 20.06KB
  18. taobao/img/beizi.png 183.17KB
  19. taobao/img/cangshou.png 9.82KB
  20. taobao/img/carShop.png 6.94KB
  21. taobao/img/chajian.png 4.19KB
  22. taobao/img/fankuii.png 4.48KB
  23. taobao/img/fengshan.png 155.19KB
  24. taobao/img/ghg.png 168.66KB
  25. taobao/img/guoguo.png 10.43KB
  26. taobao/img/gwj.png 6.14KB
  27. taobao/img/huawei.png 128.87KB
  28. taobao/img/ipad.png 70.19KB
  29. taobao/img/iphone.png 24.94KB
  30. taobao/img/iQ.png 120.43KB
  31. taobao/img/jianbian.png 50.78KB
  32. taobao/img/jinghua.png 37.38KB
  33. taobao/img/kefuu.png 6.65KB
  34. taobao/img/kuzi.png 63.46KB
  35. taobao/img/lanqiuxie.png 717.02KB
  36. taobao/img/lanqiuxie01.png 1.54MB
  37. taobao/img/lanqiuxie02.png 1.31MB
  38. taobao/img/lanqiuxie03.png 1.17MB
  39. taobao/img/lanqiuxie04.png 887.77KB
  40. taobao/img/lanqiuxie05.png 985.05KB
  41. taobao/img/lbt_1.png 147.77KB
  42. taobao/img/lbt_2.png 119.44KB
  43. taobao/img/lbt_3.png 105.58KB
  44. taobao/img/lianxi.png 6.92KB
  45. taobao/img/lining.png 11.75KB
  46. taobao/img/maotian.png 9.89KB
  47. taobao/img/new.png 6.31KB
  48. taobao/img/phooo.png 639.26KB
  49. taobao/img/saojiao.png 5.85KB
  50. taobao/img/saojiao1.png 5.75KB
  51. taobao/img/shopcar.png 7.05KB
  52. taobao/img/shoubiao.png 83.79KB
  53. taobao/img/taobao.png 4.58MB
  54. taobao/img/tianmao.gif 902B
  55. taobao/img/tianmao.png 2.89KB
  56. taobao/img/tongzhi.png 6.23KB
  57. taobao/img/toulogin.png 5.23KB
  58. taobao/img/tuwen01.png 500.83KB
  59. taobao/img/videoo.mp4 3.91MB
  60. taobao/img/watch.png 187.38KB
  61. taobao/img/wujiao.png 4.67KB
  62. taobao/img/xie.png 151.66KB
  63. taobao/img/xiezi02.png 3.85KB
  64. taobao/img/xiezi03.png 2.22KB
  65. taobao/img/xiezi04.png 3.42KB
  66. taobao/img/xizi01.png 3.32KB
  67. taobao/img/yhlogo.png 22.32KB
  68. taobao/img/yhph02.png 678.68KB
  69. taobao/img/yhpho3.png 692.9KB
  70. taobao/img/yhpho4.png 1.23MB
  71. taobao/img/yhpho5.png 744.36KB
  72. taobao/img/yhpho6.png 860.4KB
  73. taobao/img/yifuu.png 19.14KB
  74. taobao/img/yijian.png 4.78KB
  75. taobao/img/yixaing.png 108.35KB
  76. taobao/img/zhibo1.jpg 10.71KB
  77. taobao/img/zhibo2.png 16.6KB
  78. taobao/img/zhibo4.png 23.49KB
  79. taobao/img/zhobo3.png 62.03KB
  80. taobao/img/zitii.png 7.75KB
  81. taobao/img/zp.png 193.51KB
  82. taobao/img/书旗小说.png 18.48KB
  83. taobao/img/买过的店.png 5.19KB
  84. taobao/img/右箭头.png 4.89KB
  85. taobao/img/圆.png 10.56KB
  86. taobao/img/奶瓶.png 3.76KB
  87. taobao/img/娱乐.png 9.63KB
  88. taobao/img/家具.png 6.26KB
  89. taobao/img/手机.png 2.87KB
  90. taobao/img/收藏.png 6.17KB
  91. taobao/img/收藏夹.png 3.64KB
  92. taobao/img/收藏夹1.png 4.51KB
  93. taobao/img/智能制造.png 11.47KB
  94. taobao/img/汽车.png 3.95KB
  95. taobao/img/淘宝.png 30.7KB
  96. taobao/img/淘宝log.png 13.9KB
  97. taobao/img/淘宝江湖.png 99.5KB
  98. taobao/img/照相机.png 6.33KB
  99. taobao/img/熊猫直播.png 11.31KB
  100. taobao/img/电脑.png 3.12KB
  101. taobao/img/美妆类目.png 2.71KB
  102. taobao/img/补贴.png 557.82KB
  103. taobao/img/购物车.png 5.96KB
  104. taobao/img/资产.png 10.84KB
  105. taobao/img/足迹.png 5.03KB
  106. taobao/img/运动鞋.png 6.59KB
  107. taobao/img/通义千问.png 9.39KB
  108. taobao/img/钱.png 7.48KB
  109. taobao/img/飞猪logo.png 11.74KB
  110. taobao/img/食品.png 5.26KB
  111. taobao/js/
  112. taobao/js/swiper-bundle.min.js 144.69KB
  113. taobao/js/swiper.min.js 64.65KB
  114. taobao/taobaodemo02.html 18.95KB
  115. taobao/taobaoDemo1.html 26.99KB

资源介绍:

前端综合案例：前端静态网页项目答辩-运用所学的css3 和html5仿写静态的淘宝购物网站首页，和内容详情页，要运用弹性盒子和浮动布局等进行整体布局。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>淘宝</title> <link rel="stylesheet" href="css/taobao.css" /> <link rel="stylesheet" href="css/swiper-bundle.min.css" /> <link rel="stylesheet" href="css/swiper.css" /> <link rel="stylesheet" href="css/swiper1.css" /> </head> <body> <div class="countdiv"> <!-- 最上面的div --> <div class="topdiv"> <!-- 最上面的左边 --> <div class="topdiv_left"> <ul class="ul01"> <li class="lione"> <a href="">中国大陆 <section class="adiv"> <option value="">全国</option> <option value="">中国大陆</option> <option value="">中国香港</option> <option value="">中国台湾</option> <option value="">中国澳门</option> <option value="">韩国</option> <option value="">马来西亚</option> <option value="">澳大利亚</option> <option value="">新加坡</option> <option value="">新西兰</option> <option value="">俄罗斯</option> <option value="">加拿大</option> <option value="">越南</option> <option value="">菲律宾</option> <option value="">柬埔寨</option> <option value="">奥地利</option> <option value="">越南</option> <option value="">菲律宾</option> <option value="">柬埔寨</option> <option value="">奥地利</option> </section> </a> </li> <li class="litwo"><a href="">tb119</a></li> <li><a href="">手机淘宝</a></li> <li><a href="">网页无障碍</a></li> </ul> </div><!-- 最上面的左边 结束 --> <!-- 最上面的右边 --> <div class="topdiv_right"> <ul> <li><a href="">我的淘宝</a></li> <li> <!-- <span class="car"><img src="img/购物车.png" alt="" /></span> --> <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><!-- 最上面的div 结束 --> <!-- 淘宝导航栏 --> <div class="navdiv"> <div class="navContdiv"> <!-- 左边淘宝图标 --> <div class="taobaoLogin"> <!-- <img src="img/淘宝.png" alt="" /> --> <img src="img/淘宝log.png" alt="" /> </div> <!-- 中间搜索框 --> <div class="searchDiv"> <div class="serachone"> <input type="text" placeholder="双肩包"/> <div class="baby">宝贝</div> <div class="searchimg"> <img src="./img/照相机.png" alt="" /> </div> <div class="searchlogin">搜索</div> </div> <ul class="ulldiv"> <li>连衣裙</li> <li>水杯</li> <li>T恤</li> <li>充电宝</li> <li>男鞋</li> <li>风扇</li> <li>拖鞋</li> <li>耳机</li> <li>电脑</li> <li>鼠标</li> <li>运动鞋</li> <li>手环</li> </ul> </div> <!-- 搜索框 --><!-- searchDiv 结束 --> <!-- 右边图标 --> <div class="rightlogin"> <img src="img/淘宝江湖.png" alt="" /> </div> </div> <!-- navContdiv 结束 --> </div> <!-- navdiv 结束 --> <!-- 贴右边侧边栏 --> <div class="navright"> <ul class="navR_ul"> <li> <img src="img/chajian.png" alt="" /> <p>官方插件</p> </li> <li> <img src="img/tongzhi.png" alt="" /> <p>消息</p> </li> <li> <img src="img/carShop.png" alt="" /> <p>购物车</p> </li> <li> <img src="img/kefuu.png" alt="" /> <p>官方联系</p> </li> <li> <img src="img/yijian.png" alt="" /> <p>反馈</p> </li> </ul> </div> <!-- 贴右边侧边栏 结束 --> <!-- 中间主体 --> <div class="zhongjiandiv"> <!-- 中上左半部分div --> <div class="zhongShangdivLeft"> <div class="fenleiDiv"> <div class="titleDiv"> 分类 <div class="newlogin"> <img src="./img/new.png" alt="" /> </div> </div> <div class="fenleiUl"> <ul> <li class="li_one"> <a href="">电脑</a> <a href="">办公</a> <a href="">文具</a> <div class="ulhiden1"> <div class="kDiv1"> <div class="k1">电脑整机></div> <div class="k2"> <p> <span>游戏本</span><span>平板电脑</span> <span>DIY电脑</span><span>笔记本电脑</span> </p> <p> <span>服务器/工作站</span><span>一体机</span> <span>显卡</span><span>游戏本</span> </p> </div> </div> <div class="kDiv1"> <div class="k1">电脑配件></div> <div class="k2"> <p> <span>显示器</span><span>CPU</span> <span>主板</span><span>硬盘</span> </p> <p> <span>声卡</span><span>散热器</span> <span>固态硬盘</span><span>显示器支架</span> </p> </div> </div> <div class="kDiv1"> <div class="k1">外设产品></div> <div class="k2"> <p> <span>鼠标</span><span>键盘</span> <span>U盘</span><span>移动硬盘</span><span>摄像头</span> </p> <p> <span>摄像头</span><span>手写板</span> <span>投屏器</span><span>拓展坞</span> </p> </div> </div> </div> </li> <!-- ================================================== --> <!-- <div class="ulhiden1"> <div class="kDiv1"> <div class="k1">电脑整机></div> <div class="k2"> <p> <span>游戏本</span><span>平板电脑</span> <span>DIY电脑</span><span>笔记本电脑</span> </p> <p> <span>服务器/工作站</span><span>一体机</span> <span>显卡</span><span>游戏本</span> </p> </div> </div> <div class="kDiv1"> <div class="k1">电脑配件></div> <div class="k2"> <p> <span>显示器</span><span>CPU</span> <span>主板</span><span>硬盘</span> </p> <p> <span>声卡</span><span>散热器</span> <span>固态硬盘</span><span>显示器支架</span> </p> </div> </div> <div class="kDiv1"> <div class="k1">外设产品></div> <div class="k2"> <p> <span>鼠标</span><span>键盘</span> <span>U盘</span><span>移动硬盘</span><span>摄像头</span> </p> <p> <span>摄像头</span><span>手写板</span> <span>投屏器</span><span>拓展坞</span> </p> </div> </div> <div class="kDiv1"> <div class="k1">游戏设备></div> <div class="k2"> <p> <span>游戏机</span><span>游戏耳机</span> <span>手柄/方向盘</span><span>游戏软件</span> </p> </div> </div> </div> --> <!-- ulhiden1结束 --><!-- =============================================== --> <li class="li_two"> <a href="">工业�
100+评论
captcha
    相关资源
    类型标题大小时间
    ZIPVMWare虚拟机如何连接U盘4.51MB8月前
    ZIPlanqq.ziplanqq.ziplanqq.zip431.11KB8月前
    ZIPchromeforxp.zipchromeforxp.zipchromeforxp.zip50.89MB8月前
    ZIPFirefoxSetup47.0.1-cn.zipFirefoxSetup47.0.1-cn.zipFirefoxSetup4742.8MB8月前
    ZIPMX Player Pro 1.36.10.zip17.89MB8月前
    ZIPVisual Basic 6.0精简版.zip6.27MB8月前
    ZIPc语言实现如果cmd中的ping.zip23.94KB8月前
    ZIPc语言实现类似弹力球效果.zip26.77KB8月前