squareDancing/dancing.html

72 lines
2.3 KiB
HTML
Raw Permalink Normal View History

2021-11-18 10:29:59 +00:00
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" type="text/css" href="css/animate.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
2021-11-20 13:07:24 +00:00
<script src="js/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
2021-11-24 08:17:16 +00:00
<script src="./js/custom.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/handle.js" type="text/javascript" charset="utf-8"></script>
<body>
<!--增加 class=" scale-right" 可使用从右向左镜头效果scale-left scale-bottom-left scale-bottom-right -->
2021-11-26 07:01:54 +00:00
2021-11-26 13:03:06 +00:00
<div class="ground-bg">
2021-11-26 11:50:04 +00:00
<div class="scale-body">
<!--灯光-->
2021-11-26 13:03:06 +00:00
<div class="Lighting"></div>
2021-11-26 11:50:04 +00:00
<!--地面灯光-->
<div class="ground-light">
<div class="ground-animate"></div>
2021-11-18 10:29:59 +00:00
</div>
2021-11-26 11:50:04 +00:00
<!--舞台背景-->
<div class="stage">
<div class="video">
<video id="mousedown" loop autoplay muted src="image/vd.mp4" ></video>
2021-11-18 10:29:59 +00:00
</div>
2021-11-26 11:50:04 +00:00
<!--音乐-->
2021-12-08 02:53:00 +00:00
<!-- <audio id="music" data-song="" controls autoplay loop style="z-index: 999; position: fixed;display: none;">
2021-12-08 02:43:01 +00:00
<source src="" type="audio/mp3">
2021-12-08 02:53:00 +00:00
</audio> -->
2021-11-26 11:50:04 +00:00
<!--点击播放音乐-->
2021-12-08 02:53:00 +00:00
<!-- <script>
2021-11-26 11:50:04 +00:00
document.body.addEventListener('mousedown', function(){
$('#music')[0].play()
}, false);
2021-12-08 02:53:00 +00:00
</script> -->
2021-11-26 11:50:04 +00:00
<!---->
<div class="sound">
<img src="image/icon_02.png" />
2021-11-18 10:29:59 +00:00
</div>
2021-11-26 11:50:04 +00:00
<div class="leading">
2021-12-03 06:24:06 +00:00
<div class="speak speak-pink" ></div>
<div class="leading-dancer dancing-right">
2021-11-30 02:33:07 +00:00
<div class="stick stick-06 stick-swing-big "></div>
2021-11-19 13:54:50 +00:00
</div>
2021-11-26 11:50:04 +00:00
<div class="table">
<img src="image/icon_01.png" />
<p class="name">当前领舞:<span class="lingname"></span></p>
2021-11-19 13:54:50 +00:00
</div>
2021-11-18 10:29:59 +00:00
</div>
</div>
2021-11-26 11:50:04 +00:00
<!--舞池-->
<div class="lighting-bg">
<img src="image/img_01.gif" />
2021-11-18 10:29:59 +00:00
</div>
2021-11-26 11:50:04 +00:00
<!--当前舞池动作: dancing-left, dancing-right,dancing-down,dancing-UP,dancing-Wobble,dancing-Wobble-right-->
<div class="dance-floor-box">
<div class="dance-floor">
2021-11-20 13:07:24 +00:00
</div>
</div>
2021-12-03 06:24:06 +00:00
</div>
</div>
2021-11-18 10:29:59 +00:00
<!--小纸片氛围js-->
2021-12-09 03:51:57 +00:00
<!-- <script src="js/jquery.js" type="text/javascript" charset="utf-8"></script> -->
2021-11-18 10:29:59 +00:00
<!--小纸片氛围js-->
2021-12-03 06:24:06 +00:00
<!--视频灯光-->
<div class="video-bg">
2021-12-03 07:00:00 +00:00
<video loop autoplay muted src="video/img-bg.mp4" ></video>
2021-12-03 06:24:06 +00:00
</div>
2021-11-18 10:29:59 +00:00
</body>
</html>