充值积分
下载资源前端资源详情
taobao.zip
大小:23.56MB
价格:10积分
下载量:0
评分:
5.0
上传者:weixin_54555405
更新日期:2024-08-04

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

资源文件列表(大概)

文件名
大小
taobao/
-
taobao/css/
-
taobao/css/indexxxxxxxxxxx.css
1.28KB
taobao/css/jishiqi.css
788B
taobao/css/swiper-bundle.min.css
18KB
taobao/css/swiper.css
353B
taobao/css/swiper.min.css
6.56KB
taobao/css/swiper02.css
395B
taobao/css/swiper1.css
1019B
taobao/css/swiper2_2.css
462B
taobao/css/taobao.css
18.41KB
taobao/css/taobaobeifen.css
17.69KB
taobao/css/taobaodemo02.css
20.03KB
taobao/img/
-
taobao/img/1688.png
9.34KB
taobao/img/aixin.png
2.7KB
taobao/img/banxie.png
20.06KB
taobao/img/beizi.png
183.17KB
taobao/img/cangshou.png
9.82KB
taobao/img/carShop.png
6.94KB
taobao/img/chajian.png
4.19KB
taobao/img/fankuii.png
4.48KB
taobao/img/fengshan.png
155.19KB
taobao/img/ghg.png
168.66KB
taobao/img/guoguo.png
10.43KB
taobao/img/gwj.png
6.14KB
taobao/img/huawei.png
128.87KB
taobao/img/ipad.png
70.19KB
taobao/img/iphone.png
24.94KB
taobao/img/iQ.png
120.43KB
taobao/img/jianbian.png
50.78KB
taobao/img/jinghua.png
37.38KB
taobao/img/kefuu.png
6.65KB
taobao/img/kuzi.png
63.46KB
taobao/img/lanqiuxie.png
717.02KB
taobao/img/lanqiuxie01.png
1.54MB
taobao/img/lanqiuxie02.png
1.31MB
taobao/img/lanqiuxie03.png
1.17MB
taobao/img/lanqiuxie04.png
887.77KB
taobao/img/lanqiuxie05.png
985.05KB
taobao/img/lbt_1.png
147.77KB
taobao/img/lbt_2.png
119.44KB
taobao/img/lbt_3.png
105.58KB
taobao/img/lianxi.png
6.92KB
taobao/img/lining.png
11.75KB
taobao/img/maotian.png
9.89KB
taobao/img/new.png
6.31KB
taobao/img/phooo.png
639.26KB
taobao/img/saojiao.png
5.85KB
taobao/img/saojiao1.png
5.75KB
taobao/img/shopcar.png
7.05KB
taobao/img/shoubiao.png
83.79KB
taobao/img/taobao.png
4.58MB
taobao/img/tianmao.gif
902B
taobao/img/tianmao.png
2.89KB
taobao/img/tongzhi.png
6.23KB
taobao/img/toulogin.png
5.23KB
taobao/img/tuwen01.png
500.83KB
taobao/img/videoo.mp4
3.91MB
taobao/img/watch.png
187.38KB
taobao/img/wujiao.png
4.67KB
taobao/img/xie.png
151.66KB
taobao/img/xiezi02.png
3.85KB
taobao/img/xiezi03.png
2.22KB
taobao/img/xiezi04.png
3.42KB
taobao/img/xizi01.png
3.32KB
taobao/img/yhlogo.png
22.32KB
taobao/img/yhph02.png
678.68KB
taobao/img/yhpho3.png
692.9KB
taobao/img/yhpho4.png
1.23MB
taobao/img/yhpho5.png
744.36KB
taobao/img/yhpho6.png
860.4KB
taobao/img/yifuu.png
19.14KB
taobao/img/yijian.png
4.78KB
taobao/img/yixaing.png
108.35KB
taobao/img/zhibo1.jpg
10.71KB
taobao/img/zhibo2.png
16.6KB
taobao/img/zhibo4.png
23.49KB
taobao/img/zhobo3.png
62.03KB
taobao/img/zitii.png
7.75KB
taobao/img/zp.png
193.51KB
taobao/img/书旗小说.png
18.48KB
taobao/img/买过的店.png
5.19KB
taobao/img/右箭头.png
4.89KB
taobao/img/圆.png
10.56KB
taobao/img/奶瓶.png
3.76KB
taobao/img/娱乐.png
9.63KB
taobao/img/家具.png
6.26KB
taobao/img/手机.png
2.87KB
taobao/img/收藏.png
6.17KB
taobao/img/收藏夹.png
3.64KB
taobao/img/收藏夹1.png
4.51KB
taobao/img/智能制造.png
11.47KB
taobao/img/汽车.png
3.95KB
taobao/img/淘宝.png
30.7KB
taobao/img/淘宝log.png
13.9KB
taobao/img/淘宝江湖.png
99.5KB
taobao/img/照相机.png
6.33KB
taobao/img/熊猫直播.png
11.31KB
taobao/img/电脑.png
3.12KB
taobao/img/美妆类目.png
2.71KB
taobao/img/补贴.png
557.82KB
taobao/img/购物车.png
5.96KB
taobao/img/资产.png
10.84KB
taobao/img/足迹.png
5.03KB
taobao/img/运动鞋.png
6.59KB
taobao/img/通义千问.png
9.39KB
taobao/img/钱.png
7.48KB
taobao/img/飞猪logo.png
11.74KB
taobao/img/食品.png
5.26KB
taobao/js/
-
taobao/js/swiper-bundle.min.js
144.69KB
taobao/js/swiper.min.js
64.65KB
taobao/taobaodemo02.html
18.95KB
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="">工业�

用户评论 (0)

发表评论

captcha

相关资源

VMWare虚拟机如何连接U盘

在数字化日益发展的时代，虚拟机已成为许多计算机用户的重要工具，特别是在测试软件或运行不同操作系统时。然而，虚拟机环境的一个常见需求是将物理设备的资源，如U盘，连接到虚拟环境中。这听起来可能有些复杂，但对于想要在虚拟机中使用USB设备的用户来说，这是一项非常实用的技能。如果您正使用VMWare作为您的虚拟化软件，并希望了解如何轻松地将U盘连接到您的虚拟机，那么这篇博客文章《VMWare虚拟机如何连接U盘》将是您的完美指南。无论是为了传输文件还是进行设备测试，掌握这一技能都将大大提升您使用虚拟机的效率和体验。此篇文章不仅提供了详细的操作步骤，还包含了图解，确保您能跟随步骤轻松完成设置。文章提供了md版和pdf版两种格式，满足不同读者的阅读习惯。无论您是技术新手还是寻求更多技术的深入理解，这篇文章都适合您。不要错过这个学习机会，快来下载并阅读《VMWare虚拟机如何连接U盘》，让您的虚拟化体验更加顺畅和高效。

4.51MB31积分

lanqq.ziplanqq.ziplanqq.zip

lanqq.ziplanqq.ziplanqq.zip

431.11KB49积分

chromeforxp.zipchromeforxp.zipchromeforxp.zip

chromeforxp.zipchromeforxp.zipchromeforxp.zip

50.89MB13积分

FirefoxSetup47.0.1-cn.zipFirefoxSetup47.0.1-cn.zipFirefoxSetup47

FirefoxSetup47.0.1_cn.zipFirefoxSetup47.0.1_cn.zipFirefoxSetup47.0.1_cn.zip

42.8MB30积分