<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>愔约天团官网</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!--头部-->
<div class="head">
<div class="head-logo">
<img src="image/icon.png" alt="" />
</div>
<div class="head-list">
<nav>
<ul>
<li>
<a href="index.html">首页</a>
</li>
<li>
<a href="#gy">简介</a>
</li>
<li>
<a href="#zw">职位</a>
</li>
<li>
<a href="#zp">作品</a>
</li>
</ul>
</nav>
</div>
</div>
<!-- 轮播开始 -->
<link rel="stylesheet" href="css/box.css">
<div class="box">
<div class="box-img"><img src="image/3.jpg"></div>
<div class="box-img"><img src="image/4.jpg"></div>
<div class="box-img"><img src="image/5.jpg"></div>
<div class="box-img"><img src="image/6.jpg"></div>
<div class="box-left"><</div>
<div class="box-right">></div>
<div class="box-zhiding">
<ul>
<li class="botton"></li>
<li class="botton"></li>
<li class="botton"></li>
<li class="botton"></li>
</ul>
</div>
</div>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript">
$(function(){
var index=0;//标记当前图片索引
var f;
dingshiqi();
function dingshiqi(){
f=setInterval(function(){
if(index==$(".box-img").length-1){
index=0;
$(".box-img").css("opacity","0");
$(".box-img").eq(index).css("opacity","1");
$(".botton").css("background-color","#ccc");
$(".botton").eq(index).css("background-color","#fff");
}else{
index++;
$(".box-img").css("opacity","0");
$(".box-img").eq(index).css("opacity","1");
$(".botton").css("background-color","#ccc");
$(".botton").eq(index).css("background-color","#fff");
}
},4000)
}
$(".box-left").click(function(){
clearInterval(f);
if(index==0){
index=$(".box-img").length-1;
$(".box-img").css("opacity","0");
$(".box-img").eq(index).css("opacity","1");
$(".botton").css("background-color","#ccc");
$(".botton").eq(index).css("background-color","#fff");
dingshiqi();
}
else{
index--;
$(".box-img").css("opacity","0");
$(".box-img").eq(index).css("opacity","1");
$(".botton").css("background-color","#ccc");
$(".botton").eq(index).css("background-color","#fff");
dingshiqi();
}
})
$(".box-right").click(function(){
clearInterval(f);
if(index==$(".box-img").length-1){
index=0;
$(".box-img").css("opacity","0");
$(".box-img").eq(index).css("opacity","1");
$(".botton").css("background-color","#ccc");
$(".botton").eq(index).css("background-color","#fff");
dingshiqi();
}
else{
index++;
$(".box-img").css("opacity","0");
$(".box-img").eq(index).css("opacity","1");
$(".botton").css("background-color","#ccc");
$(".botton").eq(index).css("background-color","#fff");
dingshiqi();
}
})
$(".botton").click(function(){
clearInterval(f);
var indexx=$(this).index();
index=indexx;
$(".box-img").css("opacity","0");
$(".box-img").eq(index).css("opacity","1");
$(".botton").css("background-color","#ccc");
$(".botton").eq(index).css("background-color","#fff");
dingshiqi();
})
})
</script>
<!--轮播结束-->
<!-- 开始 -->
<link rel="stylesheet" href="css/gy.css">
<div class="title" id="gy">
<div class="line"></div>
<h3>天团简介</h3>
<div class="line"></div>
</div>
<div class="gy-nr">
<div class="gy-nr-img">
<img src="image/zplogo.png" alt="" />
</div>
<div class="gy-nr-txt">
<span>
<h3>愔约天团简介</h3><br />
愔约天团不仅是一个召集各路喜爱音乐的家人，它还是一个团结友爱的大家庭。
来到愔约就是你们的福份，帅哥美女嘎嘎多，还有搞笑大方活泼的团员们。来了就是一家人，群消息天天99+。
进团要求：招募好声音，每周积分最少做到350分，作品发布最少四个，事不过三，每个人有三次机会，超过则被请出团。
团规：入团后进入天团总群，群里❌黄色，❌骂人，❌背后嚼舌根。
当然，以为只有歌友吗？不，还有开黑队友，可组队王者、吃鸡、蛋仔派对……快来加入我们叭~
愔约天团期待你们的到来哦~
</span>
</div>
</div>
<!--简介结束-->
<!--职位开始-->
<link rel="stylesheet" href="css/zw.css">
<div class="title" id="zw">
<div class="line"></div>
<h3>职位表</h3>
<div class="line"></div>
</div>
<div class="tz">
<div class="ch"><p>团长</p></div>
<img src="http://q2.qlogo.cn/headimg_dl?dst_uin=2044037949&spec=640" alt="" />
<div id="tzwz">
<span>愔约🎸懒得鸟你</span>
</div>
</div>
<div class="ftza">
<div class="ftz">
<div>
<div class="xch"><p>副团长</p></div>
<img src="http://q2.qlogo.cn/headimg_dl?dst_uin=3529706353&spec=640" alt=""/>
<span>愔约🎸纯情女高<span>
</div>
</div>
<div class="ftz">
<div>
<div class="xch"><p>副团长</p></div>
<img src="http://q2.qlogo.cn/headimg_dl?dst_uin=2191673562&spec=640" alt=""/>
<span>愔约🎸星星<br> </span>
</div>
</div>
<div class="ftz">
<div>
<div class="xch"><p>副团长</p></div>
<img src="http://q2.qlogo.cn/headimg_dl?dst_uin=3599536906&spec=640" alt=""/>
<span>愔约🎸星辰<br> </span>
</div>
</div>
<div class="ftz">
<div>
<div class="xch"><p>副团长</p></div>
<img src="http://q2.qlogo.cn/headimg_dl?dst_uin=1525004667&spec=640" alt=""/>
<span>愔约🎸小琳睡不饱</span>
</div>
</div>
</div>
<!--职位结束-->
<!--视频开始-->
<link rel="stylesheet" href="css/sp.css">
<div class="title" id="sp">
<div class="line"></div>
<h3>精彩视频</h3>
<div class="line"></div>
</div>
<div class="sp">
<video controls poster="https://p3fx.kgimg.com/mvpic/74/a2/74a2ddf44b72d7f3b425b945a4f72468.jpg">
<source src="https://mvwebfs.ali.kugou.com/202301171328/442c17f00b3d698de763892fe000a2d6/KGTX/CLTX002/86050f5fe3fc12d571138b3ada7f686f.mp4" type="video/mp4">
您的浏览器不支持 HTML5 video 标签。
</video>
<p>《王者荣耀——时节》</p>
</div>
<!--视频结束-->
<!--作品开始-->
<link rel="stylesheet" href="css/style.css" />
<div class="title" id="zp">
<div class="line"></div>
<h3>成员作品</h3>
<div class="line"></div>
</div>
<div class="banner">
<div class="one"
vpath="http://js-imv.static.yximgs.com/mediacloud/imv/music_video/zQ72l4qEAlpy-VYxZ_smBWRZtsT2H4MhtzBEDK1nDwg"
ipath="http://www.idc-bt.top/video/2023-01-05/63b65ed0a7d74.mp4">
<img src="http://js-imv.static.yximgs.com/mediacloud/imv/music_video/zQ72l4qEAlpy-VYxZ_smBWRZtsT2H4MhtzBEDK1nDwg" alt="9">
<pre>勇敢爱</pre>
<div class="touxiang">
<img src="http://q.qlogo.cn/headimg_dl?dst_uin=2574093958&spec=640&img_type=jpg" alt=""/>
<span>康康说他再想想🌈</span>
</div>
</div>
<div class="one"
vpath="http://ali-imv.static.yximgs.com/mediacloud/imv/music_video/ivoGqDpETbMCVdxO2-bvYSVFizGPM1zfoREX7lGlQQc"
ipath="http://www.idc-bt.top/video/2023-01-05/63b6677716aa4.mp4">
<img src="http://ali-imv.static.yximgs.com/mediacloud/imv/music_video/ivoGqDpETbMCVdxO2-bvYSVFizGPM1zfoREX7lGlQQc" alt="10">
<pre>倒数</pre>
<div class="touxiang">
<img src="http://q2.qlogo.cn/headimg_dl?dst_uin=352
超美音乐家族官网，不好看你来打我
需积分: 0 196 浏览量
2023-01-28
16:33:54
上传
评论
收藏 2.79MB ZIP 举报
愔约天团官网不带后台版.zip （17个子文件） 
image 
guanbianniu.png 15KB
6.jpg 917KB
rocket_1.svg 2KB 5.jpg 544KB zplogo.png 149KB gylogo.jpg 755KB 3.jpg 220KB icon.png 8KB 4.jpg 215KB js 
2.js 82KB script.js 86KB css style.css 5KB zw.css 556B sp.css 128B box.css 1KB gy.css 575B
index.html 11KB video 资源评论
