yin5th 2021-12-08 16:27:17 +08:00
commit cd1cea890e
5 changed files with 67 additions and 13 deletions

View File

@ -330,6 +330,7 @@ body{
position: relative; position: relative;
filter:drop-shadow(10px 30px 10px rgba(0,0,0,.4)); filter:drop-shadow(10px 30px 10px rgba(0,0,0,.4));
} }
/**/
.dance-people .people-img01{ .dance-people .people-img01{
background-image: url(../image/img_05.png); background-image: url(../image/img_05.png);
} }
@ -355,6 +356,47 @@ body{
-webkit-text-stroke: 0.5px black; -webkit-text-stroke: 0.5px black;
text-align: center; text-align: center;
} }
/*圣诞帽子*/
.dance-people .people-hat::after{
background: url(../image/icon_05.png) no-repeat;
background-size: 65px 33px;
width: 65px;
height: 33px;
content: "";
left:12px;
top: 0px;
z-index: 2;
position: absolute;
}
.dance-people .people-img01.people-hat::after{
left:19px;
top: -14px;
}
.dance-people .people-img02.people-hat::after{
left:19px;
top: 0px;
}
.dance-people .people-img03.people-hat::after{
left:11px;
top: 0px;
}
.dance-people .people-img03.people-hat::after{
left:11px;
top: 0px;
}
.dance-people .people-img04.people-hat::after{
left:2px;
top: 0px;
}
.dance-people .people-img05.people-hat::after{
left:18px;
top: 0px;
}
.dance-people .people-img06.people-hat::after{
left:15px;
top: 0px;
}
/*荧光棒*/ /*荧光棒*/
.stick{ .stick{
background-size: 57px 81px; background-size: 57px 81px;
@ -362,6 +404,7 @@ body{
position: absolute; position: absolute;
height:81px; height:81px;
width:57px; width:57px;
z-index: 3;
} }
.stick-swing{ .stick-swing{
@ -370,7 +413,7 @@ body{
.stick-swing-big{ .stick-swing-big{
animation: Wobble-big 2s linear infinite; animation: Wobble-big 2s linear infinite;
} }
.stick-swing-big-tow { .stick-swing-big-tow,.stick-christmas{
animation: Wobble-big-tow 2s linear infinite; animation: Wobble-big-tow 2s linear infinite;
} }
.stick-go{ .stick-go{
@ -394,6 +437,10 @@ body{
.stick.stick-06{ .stick.stick-06{
background-image: url(../image/img_16.png); background-image: url(../image/img_16.png);
} }
/*圣诞树*/
.stick.stick-christmas{
background-image: url(../image/img_17.png);
}
/*荧光棒定位*/ /*荧光棒定位*/
.dance-people .people-img01 .stick{ .dance-people .people-img01 .stick{
top: 14px; top: 14px;
@ -420,7 +467,7 @@ body{
right: -15px; right: -15px;
} }
/*大荧光棒*/ /*大荧光棒*/
.stick.stick-swing-big,.stick.stick-swing-big-tow{ .stick.stick-swing-big,.stick.stick-swing-big-tow,.stick.stick-christmas{
background-size: 114px 162px; background-size: 114px 162px;
background-repeat: no-repeat; background-repeat: no-repeat;
width: 114px ; width: 114px ;
@ -430,27 +477,33 @@ body{
top: -70px; top: -70px;
right: -70px; right: -70px;
} }
.dance-people .people-img01 .stick.stick-swing-big-tow{ .dance-people .people-img01 .stick.stick-swing-big-tow
,.dance-people .people-img01 .stick.stick-christmas{
top: -43px; top: -43px;
right: -40px; right: -40px;
} }
.dance-people .people-img02 .stick.stick-swing-big-tow{ .dance-people .people-img02 .stick.stick-swing-big-tow
,.dance-people .people-img02 .stick.stick-christmas{
top: -61px; top: -61px;
right: 0px; right: 0px;
} }
.dance-people .people-img03 .stick.stick-swing-big-tow{ .dance-people .people-img03 .stick.stick-swing-big-tow
,.dance-people .people-img03 .stick.stick-christmas{
top: -67px; top: -67px;
right: -57px; right: -57px;
} }
.dance-people .people-img04 .stick.stick-swing-big-tow{ .dance-people .people-img04 .stick.stick-swing-big-tow
,.dance-people .people-img04 .stick.stick-christmas{
top: -57px; top: -57px;
right: -50px; right: -50px;
} }
.dance-people .people-img05 .stick.stick-swing-big-tow{ .dance-people .people-img05 .stick.stick-swing-big-tow
,.dance-people .people-img05 .stick.stick-christmas{
top: -68px; top: -68px;
right: -55px; right: -55px;
} }
.dance-people .people-img06 .stick.stick-swing-big-tow{ .dance-people .people-img06 .stick.stick-swing-big-tow
,.dance-people .people-img06 .stick.stick-christmas{
top: -55px; top: -55px;
right: -10px; right: -10px;
} }

BIN
image/icon_05.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

BIN
image/img_17.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

View File

@ -137,12 +137,13 @@ function peopleObj(name,uid,say,action,active_time, is_admin){
yspHtml += ` yspHtml += `
<div id="${comment.uid}" data-time="${comment.active_time}" class="dance-people data${peopleId}" style="top: ${comment.top}; left: ${comment.left};"> <div id="${comment.uid}" data-time="${comment.active_time}" class="dance-people data${peopleId}" style="top: ${comment.top}; left: ${comment.left};">
<div class="speak ">${comment.say}</div> <div class="speak ">${comment.say}</div>
<div class="people-img ${comment.peopleImg} ${comment.dancin}"> <div class="people-img ${comment.peopleImg} ${comment.dancin} ">
<div class="stick stick-swing ${bigStick} ${comment.ying_guang}"></div> <div class="stick stick-swing ${bigStick} ${comment.ying_guang}"></div>
<div class="people-name ">${comment.name}</div> <div class="people-name ">${comment.name}</div>
</div> </div>
</div>` </div>`
});//如果是舰长需要加上stick-swing-big-tow });//如果是舰长需要加上stick-swing-big-tow充值用户加上stick-christmas同时去掉stick-swing-big-tow
//增加圣诞帽子在people-img那层增加people-hat。
$('.dance-floor').prepend(yspHtml); $('.dance-floor').prepend(yspHtml);
moveEv(uid); moveEv(uid);
// 随机舞 // 随机舞
@ -184,7 +185,7 @@ function dancerRandom(){
$(function(){ $(function(){
dancerRandom(); dancerRandom();
// 自动切歌 // 自动切歌
changeMusic(); //changeMusic();
var audio=document.getElementById('music'); var audio=document.getElementById('music');
if(audio){ if(audio){
audio.loop = false; audio.loop = false;

View File

@ -421,7 +421,7 @@ function createVirtual() {
} }
} }
music(); // music();
// 清理缓存 // 清理缓存
sessionStorage.clear() sessionStorage.clear()