Merge branch 'master' of http://git.scdxtc.com/chen/squareDancing
commit
cd1cea890e
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
Binary file not shown.
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
After Width: | Height: | Size: 12 KiB |
|
@ -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;
|
||||||
|
|
|
@ -421,7 +421,7 @@ function createVirtual() {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
music();
|
// music();
|
||||||
// 清理缓存
|
// 清理缓存
|
||||||
sessionStorage.clear()
|
sessionStorage.clear()
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue