Commit 702eec17 authored by 华国豪's avatar 华国豪 🙄

1

parent cc12f3d0
......@@ -364,4 +364,21 @@
.page8 p{
font-size: 0.35rem;
margin-top: .2rem;
}
.muted,.muted2{
position: fixed;
right: 1%;
top: 1%;
width: 30px;
z-index: 2022;
opacity: .8;
}
.muted2{
-webkit-filter: grayscale(100%) brightness(1) contrast(.5);
-moz-filter: grayscale(100%) brightness(1) contrast(.5);
-ms-filter: grayscale(100%) brightness(1) contrast(.5);
-o-filter: grayscale(100%) brightness(1) contrast(.5);
filter: grayscale(100%) brightness(1) contrast(.5);
-webkit-filter: grey opacity(.5);
filter: grey opacity(.5)
}
\ No newline at end of file
......@@ -168,11 +168,13 @@
}
.bigCard {
width: 461px;
height: 484px;
height: 80%;
background: url("../images/texiao/red.png") no-repeat;
background-size: 100% 100%;
position: fixed;
right: 13%;
padding-top: 10%;
box-sizing: border-box;
}
.bigCard p {
......@@ -207,6 +209,11 @@
background-position: -2px -2px;
margin: 0 auto;
}
#uerImg img{
width: 100%;
height: 100%;
border-radius: 50%;
}
@keyframes signin3d {
0%{top:0;left:0;width:158px;height:157px;background: url("../images/texiao/sprites.png?v=1") no-repeat -865px -630px;}
2.86%{top:0;left:0;width:169px;height:155px;background: url("../images/texiao/sprites.png?v=1") no-repeat -865px -475px;}
......
......@@ -2573,8 +2573,8 @@
animation-name:slideOutUp
}
.zhuan{
animation:zhuan 5s infinite;
-webkit-animation:zhuan 5s infinite; /*Safari and Chrome*/
animation:zhuan 2s infinite linear;
-webkit-animation:zhuan 2s infinite linear; /*Safari and Chrome*/
}
@-webkit-keyframes zhuan {
0% {-webkit-transform: rotate(0deg);transform: rotate(0deg)}
......
......@@ -10,7 +10,7 @@
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<title>印象之旅2019年底大红包</title>
<title>印象之旅十周年生日Party~十年随影·感恩有你</title>
<style>
.loding{
width: 100%;
......@@ -78,6 +78,9 @@
<div class="double-bounce2"></div>
</div>
</div>
<audio style="position: absolute; top: -20%;z-index: -1" id="audio" loop="loop" src="../video/bg_m_0001.mp3" controls></audio>
<img class="muted zhuan" src="../images/yaoqinghan/musical-note.png" alt="">
<img class="muted2" src="../images/yaoqinghan/musical-note.png" alt="">
<div class="wrap fzse c17" id="wrap">
<div class="fan fan-up animated bounceInDown" id="fan-up">
<img src="../images/huikui/arr2.png" alt="">
......@@ -482,12 +485,28 @@
};
window.onload = function(){
$('.loding').hide()
$('.muted2').hide()
pages({
wrap: 'wrap', //.wrap的id
wrap2: 'wrap2', //.wrap2的id
len: maxPageIndex, //一共有几页
n: newPageIndex //页面一打开默认在第几页?第一页就是0,第二页就是1
});
var audio = $('#audio')
var ado = audio[0];
window.addEventListener('click', function(){
ado.play()
})
$('.muted').click(function () {
ado.muted = true;
$('.muted').hide()
$('.muted2').show()
})
$('.muted2').click(function () {
ado.muted = false;
$('.muted').show()
$('.muted2').hide()
})
}
</script>
</body>
......
......@@ -146,18 +146,23 @@
<div id="container"></div>
<!-- style="display:none;" -->
<div class="show_info animated" style="display:none;">
<div class="bigCard" style="top: 250px; display: block; opacity: 1; transform: scale(1, 1);">
<div class="bigCard" style="top: 10%; display: block; opacity: 1; transform: scale(1, 1);">
<div class="bigCardScale">
<div class="bigCard-divBigBs bigCard-divBigBsAnm" id="uerImg"></div>
<div class="bigCard-divBigBs bigCard-divBigBsAnm" id="uerImg">
<img src="" alt="">
</div>
</div>
<p class="job" id="job" class="yinxiang2020"></p>
<p class="nickname" id="nickname" class="yinxiang2020"></p>
</div>
</div>
</div>
<div id="danmu">
<div id="danmu" onclick="senddddddd()">
</div>
<!-- <div id="danmu" onclick="senddddddd()">
</div> -->
</div>
<audio id="audio" autoplay>您的浏览器不支持 audio 元素。</audio>
<script>
......@@ -212,6 +217,23 @@
}
})
getMsg()
function senddddddd(){
dataList.push({
BranchName: "微途科技",
EmName: "华国豪",
EmpId: 1755,
GiftCode: "202001091535475564",
Id: 415,
IsReceive: 0,
Job: "技术开发",
JobYear: "2年",
ParentId: 1,
ReceiveDate: null,
Remark: null,
SignInDate: "2020-01-09T15:35:47.0815078+08:00",
SignInPhoto: "http://imgfile.oytour.com/Upload/Temporary/20200109033546047.jpg",
})
}
showSignln()
function sendMsg() {
proxy.invoke("Hello", '1').done(msg => {
......@@ -271,8 +293,9 @@
var _out = ['bounceOut','bounceOutDown','bounceOutLeft','bounceOutRight','bounceOutUp','fadeOut','fadeOutDown','fadeOutDownBig','fadeOutLeft','fadeOutLeftBig','fadeOutRight','fadeOutRightBig','fadeOutUp','fadeOutUpBig','rotateOut','rotateOutDownLeft','rotateOutDownRight','rotateOutUpLeft','rotateOutUpRight','slideOutDown','slideOutLeft','slideOutRight'];
// 推送数据
async function showSignln(){
console.log(dataList)
if (dataList.length == 0) {
await sleep(1000);
await sleep(2000);
showSignln()
} else {
let data = dataList[0]
......@@ -289,16 +312,14 @@
$(".job").text(data.BranchName)
$(".JobYear").text(data.JobYear)
$('.show_info').removeClass(_in[rand_in]);
console.log(data)
$('#uerImg img').attr('src', data.SignInPhoto)
chainAnimations(data.EmName)
// 更改展示的图片
var img = document.getElementsByClassName('element')[CurPersonNum].getElementsByTagName('img')[0];
img.setAttribute('src', data.SignInPhoto);
++CurPersonNum;
setTimeout(function(){
$('.show_info').addClass(_out[rand_out]);
setTimeout(function(){
$('.show_info').removeClass(_out[rand_out]);
$('.show_info').hide();
dataList2.push({
bn: dataList[0].BranchName,
......@@ -307,7 +328,7 @@
})
dataList.splice(0, 1);
},1000);
},1500);
},2000);
}
}
function chainAnimations(name){
......
......@@ -165,8 +165,9 @@
}
function initConnection(){
let url = 'http://192.168.2.65:7838/signalr'// getApiUrl().urlSignalr
var conn = $.hubConnection(getApiUrl().urlSignalr, {
qs: `i=${userInfo.id}&n=${userInfo.name}&p=http://192.168.2.214:8130/Upload/Temporary/20200103060438316.jpg}&e=2018-01-02`
qs: `i=${EmployeeId}&n=${userInfo.name}&p=http://192.168.2.214:8130/Upload/Temporary/20200103060438316.jpg}&e=2018-01-02`
});
proxy = conn.createHubProxy("annualLeaveHub");
conn.start().done(data => {
......
images/yaoqinghan/page1_img3.png

28.2 KB | W: | H:

images/yaoqinghan/page1_img3.png

38 KB | W: | H:

images/yaoqinghan/page1_img3.png
images/yaoqinghan/page1_img3.png
images/yaoqinghan/page1_img3.png
images/yaoqinghan/page1_img3.png
  • 2-up
  • Swipe
  • Onion skin
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment