<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>得物APP</title>
<link href="css/style.css" rel="stylesheet" />
</head>
<body>
<div class="head">
<div class="mask"></div>
<div class="top">
<div class="logo"><a href=""><img src="images/logo.png"></a></div>
<div class="nav">
<ul>
<li class="on"><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>
<!--banner-->
<div class="banner">
<div class="ban_left"><div class="banbg"></div>
<video src="images/v.mp4" poster="images/cc.png" autoplay="" loop="" preload="auto"></video>
</div>
<div class="ban_right">
<h2><img src="images/flogo.png"><span>新一代潮流网购社区</span></h2>
<h3>鉴别服务开创者 力保全新正品</h3>
<p>正品保障.逐件查验.多重鉴别</p>
<div class="erwei">
<div class="erwei_left">
<img src="images/ios.png">
<img src="images/and.png">
</div>
<div class="erwei_right"><img src="images/erweima.jpg"></div>
</div>
</div>
</div>
<!--banner-->
</div>
<div class="wrap">
<div class="jianbie">
<h2>多重鉴别 正品保障</h2>
<p>— 每件商品都经过独立查验和多重鉴别，确保你购买到全新无瑕疵正品 —</p>
<h3>线上鉴别量已超过60,000,000</h3>
<ul>
<li><img src="images/i1.png">球鞋</li>
<li><img src="images/i2.png">服装</li>
<li><img src="images/i3.png">手表</li>
<li><img src="images/i4.png">配饰</li>
<li><img src="images/i5.png">奢侈品</li>
</ul>
<video src="images/v2.mp4" poster="images/cc.png" autoplay="" loop="" preload="auto"></video>
<button>立即发布鉴别</button>
</div>
<div class="shequ">
<h2>潮流生活方式社区</h2>
<p>-王思聪和IG队员力荐，众位明星潮人入驻-</p>
<div class="lunbo">
<div class="contents">
<!--图片轮转-->
<div class="poster_box">
<div class = "caroursel poster-main" data-setting = '{
"width":1060,
"height":400,
"posterWidth":543,
"posterHeight":400,
"scale":0.85,
"speed": 500,
"autoPlay":true,
"delay":2000,
"verticalAlign":"middle"
}'>
<div class="poster-btn poster-prev-btn"></div>
<ul class="poster-list">
<li class="poster-item">
<div class="item"> <a href="#"><img class="tabImg" src="images/f1.jpg"></a></div>
</li>
<li class="poster-item">
<div class="item"> <a href="#"><img class="tabImg" src="images/f2.jpg"></a></div>
</li>
<li class="poster-item">
<div class="item"> <a href="#"><img class="tabImg" src="images/f3.jpg"></a></div>
</li>
</ul>
<div class="poster-btn poster-next-btn"></div>
</div>
<!--pc 图片轮转 end-->
</div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.carousel-zl-fb.js"></script><!-- 首页切换 -->
<script>
Caroursel.init($('.caroursel'))
</script>
</div>
</div>
</div>
<div class="footer">
<p>上海识装信息科技有限公司<br>
Shanghai Shizhuang Information Technology Co., Ltd<br>
增值电信业务经营许可证 沪B2-20180281 | 沪ICP备16019780号-9号 | 网络文化经营许可证 沪网文（2021）4421-366号 | 沪公网安备31010902003239号<br>
医疗器械网络交易服务第三方平台备案:（沪）网械平台备字［2021］第00003号 | 互联网药品信息服务资格证书（沪）-经营性-2020-0212 | 网信算备310109033582302220017号</p>
<ul>
<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>
<p>社区内容举报电话：400-891-9888（工作时间：8:00-22:00）021-63066366（工作时间：8:00-19:00）<br>
2016-2023 识装版权所有</p>
</div>
</body>
</html>
140 html期末大作业 复刻得物首页 带轮播 视频
版权申诉
114 浏览量
2023-05-31
10:12:12
上传
评论
收藏 172.86MB ZIP 举报
0140得物 1页 jquery 轮播.zip （25个子文件） 
js 
jquery.carousel-zl-fb.js 12KB jquery.min.js 91KB css style.css 6KB
index.html 5KB images 
v2.mp4 150.04MB
i5.png 18KB i4.png 20KB
f2.jpg 962KB flogo.png 2KB and.png 3KB f1.jpg 1.41MB i1.png 11KB logo.png 3KB zhegpin.png 45KB phone.png 22KB i3.png 20KB f3.jpg 611KB left.png 3KB v.mp4 19.12MB ios.png 3KB right.png 3KB cc.png 1.07MB erweima.jpg 52KB i2.png 17KB banner.jpeg 620KB资源评论
小风飞子
- 粉丝: 321
- 资源: 1496
下载权益
C知道特权
VIP文章
课程特权
VIP享7折，此内容立减4.47元 开通VIP
