<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>天猫tmall.com--理想生活上天猫</title>
<link rel="stylesheet" href="../css/reset.css">
<link rel="stylesheet" href="../css/tmall-first-show.css">
</head>
<body>
<!-- 固定定位 -->
<div id="aside">
<p class="asidep1">导航</p>
<p class="asidep2"><a href="#tmallchaoshi">天猫超市</a></p>
<p><a href="#tmallguoji">天猫国际</a></p>
<p><a href="#meilirensheng">美丽人生</a></p>
<p><a href="#chaodiankuwan">潮店酷玩</a></p>
<p><a href="#jujiashenghuo">居家生活</a></p>
<p><a href="#dazaoaichao">打造爱巢</a></p>
<p><a href="#huwaichuxing">户外出行</a></p>
<p><a href="#cainixihuan">猜你喜欢</a></p>
<p class="asidep3"><a href="#">返回顶部</a></p>
</div>
<!-- 头部 -->
<div id="header">
<div class="headTop">
<div><img src="../images/天猫tmall-首页header_02.jpg" alt=""></div>
</div>
<div class="head">
<div class="headMiddle">
<div class="headerLeft">
<ul>
<li> <i class="iconfont icon-shouye"></i> <a href="javascript:;">天猫首页</a></li>
<li><a href="javascript:;">喵,欢迎来天猫</a></li>
<li><a href="javascript:;">请登录</a></li>
<li><a href="javascript:;">免费注册</a></li>
</ul>
</div>
<div class="headerRight">
<ul>
<li class="mytaobaof"><a href="javascript:;" class="mytaobaofa">我的淘宝</a>
<div class="mytaobao">
<ul>
<li><a href="javascript:;">已买到的宝贝</a></li>
<li><a href="javascript:;">已卖出的宝贝</a></li>
</ul>
</div>
</li>
<li><a href="javascript:;">购物车</a></li>
<li><a href="javascript:;">收藏夹</a></li>
<li><a href="javascript:;">手机版</a></li>
<li><a href="javascript:;">淘宝网</a></li>
<li><a href="javascript:;">商家支持</a></li>
<li><a href="javascript:;">网站导航</a></li>
</ul>
</div>
</div>
</div>
<div class="headBottom">
<div class="navImg">
<a href="javascript:;"><img src="../images/logo_03.jpg" alt=""></a></div>
<div class="search">
<div class="searchTop">
<p class="searchTopp1"></p> <input type="text" placeholder="搜索 天猫 商品/品牌/店铺">
<p class="searchTopp2"> <button>搜索</button></p>
</div>
</div>
</div>
<div class="headBnav">
<ul>
<li><a href="javascripi:;"><img src="../images/天猫tmall-超市1_03.jpg" alt=""></a></li>
<li><a href="javascripi:;"><img src="../images/天猫tmall-超市1_06.jpg" alt=""></a></li>
<li><a href="javascripi:;">天猫会员</a></li>
<li><a href="javascripi:;">电器城</a></li>
<li><a href="javascripi:;">喵鲜生</a></li>
<li><a href="javascripi:;">医药馆</a></li>
<li><a href="javascripi:;">魅力康</a></li>
<li><a href="javascripi:;">飞猪旅行</a></li>
<li><a href="javascripi:;">苏宁易购</a></li>
</ul>
</div>
</div>
<!-- --------------------------------------banner -->
<div id="banner">
<div class="oh">
<div class="lunbo">
<img src="../images/首页轮播图1.jpg" alt="">
<img src="../images/首页轮播图2.jpg" alt="">
<img src="../images/首页轮播图3.jpg" alt="">
<img src="../images/首页轮播图4.jpg" alt="">
<img src="../images/首页轮播图5.jpg" alt="">
<img src="../images/首页轮播图6.jpg" alt="">
</div>
</div>
<!-- ---------------------有二级的目录栏 -->
<div class="mulu">
<p>商品分类</p>
<ul>
<li>女装/内衣
<div class="muluScond1 muluScondall"></div>
</li>
<li>男装/运动户外
<div class="muluScond2 muluScondall">
</div>
</li>
<li>女鞋/男鞋/箱包
<div class="muluScond3 muluScondall">
<div>
<p class="div1">推荐女鞋 ></p>
<ul>
<li><a class="blue" href="javascript:;">潮流过膝靴</a></li>
<li><a class="blue" href="javascript:;">气质百搭踝靴</a></li>
<li><a class="blue" href="javascript:;">永远的帆布鞋</a></li>
<li><a class="blue" href="javascript:;">流行松糕底</a></li>
<li><a class="blue" href="javascript:;">英伦牛津鞋</a></li>
</ul>
</div>
<div>
<p>潮流男鞋 ></p>
<ul>
<li><a class="blue" href="javascript:;">商场同款</a></li>
<li><a class="blue" href="javascript:;">休闲鞋</a></li>
<li><a href="javascript:;">正装皮鞋</a></li>
<li><a href="javascript:;">休闲皮鞋</a></li>
<li><a class="blue" href="javascript:;">板鞋</a></li>
<li><a class="blue" href="javascript:;">户外休闲</a></li>
<li><a href="javascript:;">帆布鞋</a></li>
<li><a class="blue" href="javascript:;">运动休闲</a></li>
<li><a href="javascript:;">乐福鞋</a></li>
<li><a class="blue" href="javascript:;">豆豆鞋</a></li>
<li><a class="blue" href="javascript:;">布洛克</a></li>
<li><a class="blue" href="javascript:;">帆船鞋</a></li>
<li><a href="javascript:;">布鞋</a></li>
</ul>
</div>
<div>
<p>女 单 鞋 ></p>
<ul>
<li><a class="blue" href="javascript:;">单鞋</a></li>
<li><a href="javascript:;">小白鞋</a></li>
<li><a class="blue" href="javascript:;">商场同款</a></li>
<li><a href="javascript:;">帆布鞋</a></li>
<li><a class="blue" href="javascript:;">深口单鞋</a></li>
<li><a href="javascript:;">浅口单鞋</a></li>
<li><a href="javascript:;">平底单鞋</a></li>
<li><a class="blue" href="javascript:;">高跟单鞋</a></li>
<li><a href="javascript:;">坡跟单鞋</a></l
没有合适的资源?快使用搜索试试~ 我知道了~
仿天猫静态页面 登陆/注册/首页/天猫超市页/购物车/手机列表页 Tmall.zip
共169个文件
jpg:120个
png:13个
gif:12个
需积分: 47 21 下载量 168 浏览量
2021-04-08
15:11:33
上传
评论 3
收藏 7.25MB ZIP 举报
温馨提示
仿天猫的静态页面 包括登陆/注册/首页/天猫超市页/购物车/手机列表页 纯HTML和CSS 无js互动效果 学习前端一个月的编写成果 各位大佬不喜轻喷.
资源详情
资源评论
资源推荐
收起资源包目录
仿天猫静态页面 登陆/注册/首页/天猫超市页/购物车/手机列表页 Tmall.zip (169个子文件)
font-awesome.css 39KB
tmall-xiangqing.css 14KB
tmall-first-show.css 14KB
tmall-phone-list.css 11KB
shoppong-car.css 10KB
zi-show.css 8KB
tmall-land.css 6KB
zhuce.css 4KB
reset.css 1KB
fontawesome-webfont.eot 162KB
HP_惠普hr1-_07.gif 45KB
HP_惠普-qwer333_03.gif 14KB
HP_惠普-1_03.gif 5KB
HP_惠普-。02_03.gif 4KB
HP_惠普-qwer_03.gif 2KB
HP_惠普客服logo2-_07.gif 2KB
HP_惠普-0000_05.gif 2KB
tm2205_03.gif 2KB
HP_惠普-右4_07.gif 2KB
HP_惠普-qwer_05.gif 2KB
HP_惠普-客服logo_07.gif 1KB
HP_惠普-星星_07.gif 1KB
天猫首页.html 83KB
天猫手机列表页.html 64KB
天猫子页面.html 33KB
天猫详情页.html 25KB
购物车页面.html 18KB
天猫-登陆页面.html 7KB
tbao-注册页面.html 6KB
HP_惠普-spectre-X360移动超能版11代英特尔酷睿i7--1165G7-16G-1TSS--big_03.jpg 1.79MB
HP_惠普-centergig_03.jpg 802KB
HP_惠普-spectre-X360移动超能版11代英特尔酷睿i7--1165G7-16G-1TSS0.57_03.jpg 417KB
HP_惠普-spectre-X360移动超能版11代英特尔酷睿i7--1165G7-16G-1TSSbsbsbs_03.jpg 413KB
首页轮播图1.jpg 228KB
首页轮播图6.jpg 220KB
首页轮播图5.jpg 219KB
首页轮播图3.jpg 155KB
天猫子夜头部img.jpg 114KB
天猫子夜轮播图3.jpg 97KB
HP_惠普-zuobiandatu-_03.jpg 92KB
首页轮播图4.jpg 84KB
dell-4.jpg 82KB
HP_惠普-conright_03.jpg 75KB
首页轮播图2.jpg 70KB
天猫子夜轮播图1.jpg 67KB
p2.jpg 66KB
天猫子夜轮播图5.jpg 64KB
天猫子夜轮播图2.jpg 61KB
天猫子夜轮播图6.jpg 58KB
天猫.jpg 56KB
天猫子夜轮播图4.jpg 56KB
天猫子夜轮播图7.jpg 54KB
dell-1.jpg 52KB
天猫子夜轮播图8.jpg 51KB
dell-2.jpg.jpg 46KB
dell-5.jpg 45KB
天猫tmall-天猫超市_06.jpg 40KB
p5.jpg 39KB
天猫tmall-15.37_18.jpg 35KB
手机列表页-天猫手机1Tmall_03.jpg 32KB
天猫tmall-首页header_02.jpg 32KB
天猫tmall-15.37_15.jpg 32KB
天猫tmall21.45_03.jpg 32KB
天猫tmall21.45_06.jpg 30KB
天猫tmall21.45_08.jpg 28KB
p1.jpg 26KB
p3.jpg 25KB
手机列表页-天猫Tmall-foot-top_03.jpg 24KB
天猫tmall-15.37_06.jpg 21KB
dell-3.jpg 21KB
手机列表页-天猫Tmallsuning_03.jpg 20KB
天猫tmall-天猫首页foot_03.jpg 19KB
天猫tmall-15.37_13.jpg 18KB
p4.jpg 17KB
天猫tmall-天猫超市_09.jpg 15KB
二维码登录erwema_03.jpg 13KB
天猫tmall-15.37_21.jpg 11KB
右1.jpg 11KB
右3.jpg 11KB
天猫tmall-天猫超市_12.jpg 10KB
右2.jpg 9KB
手机列表页-天猫Tmall-foot-middle_06.jpg 8KB
淘宝网---我的购物车1_03.jpg 8KB
注册头部logo_03.jpg 7KB
手机列表页-天猫Tmall-foot-middle_03.jpg 6KB
天猫tmall-天猫首页foot_07.jpg 6KB
手机列表页dianqi-天猫Tmall_03.jpg 5KB
logo_03.jpg 5KB
天猫tmall-天猫超市_03.jpg 4KB
天猫tmall-15.37_09.jpg 4KB
天猫tmall-15.37_03.jpg 4KB
天猫---first-ye-logotmall_46.jpg 4KB
天猫---first-ye-logotmall_49.jpg 4KB
e.jpg 4KB
淘宝网---我的购物车aofeng_03.jpg 4KB
天猫tmall---logo--_08.jpg 3KB
天猫---first-ye-logotmall_44.jpg 3KB
天猫tmall---logo--_14.jpg 3KB
天猫---first-ye-logotmall_84.jpg 3KB
n.jpg 3KB
共 169 条
- 1
- 2
陌上Cat
- 粉丝: 0
- 资源: 1
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 老飞飞搭建基础通用数据库V19数据库.rar
- jquery.js
- 机械设计多工位ACF贴胶带&预压设备sw18可编辑非常好的设计图纸100%好用.zip
- 基于Pytorch复现Point-Transformer,用于ShapeNet数据集点云分割
- 【医学影像分析】2D超声图像的分割检测(Ultrasound Nerve Segmentation - Kaggle数据集)
- 嘎嘎香的五款神仙谷歌插件
- .arch书源导入教程.mp4
- 贪心算法介绍及代码示例讲解
- CR13SP35MSI64 Crystal 水晶报表运行组件最后版本64位
- 图像分类数据集:玉米叶是否感染分类数据集(2分类,包含训练集、验证集)
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0