Skip to content

S
SURPRISED
Commit f92c45be authored by Mac's avatar Mac
Browse files
Options

元旦、春节、38妇女节

parent a62e8ee2
Show whitespace changes
Inline Side-by-side
Showing with 611 additions and 6 deletions
html/shortLinks/Examination.html
View file @ f92c45be
......@@ -9,16 +9,16 @@
<meta http-equiv="Cache-Control" content="no-siteapp" />
<title>考试加油</title>
<script type="text/javascript" src="../../js/autosize2.js"></script>
<link rel="stylesheet" href="css/Examination.css">
<link rel="stylesheet" href="css/animate.min.css">
<link rel="stylesheet" href="css/Examination.css">
</head>
<body>
<div class="Box" style="position: fixed;left: 0;top:0">
<div class="bg_1 animated fadeIn"></div>
<div class="bg_2 animated bounceInDown"></div>
<div class="bg_3 animated fadeInLeft"></div>
<div class="bg_4 animated bounceInUp"></div>
<div class="bg_5 animated bounceInUp"></div>
<div class="bg_4 animated rotateInUpLeft"></div>
<div class="bg_5 animated rotateInUpRight"></div>
<div class="bg_6 animated fadeInUp"></div>
<div class="bg_7 animated fadeInUp"></div>
......
html/shortLinks/FT_NewYear.html 0 → 100644
View file @ f92c45be
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0,viewport-fit=cover" />
<meta name="format-detection" content="telephone=no" />
<meta content="yes" name="mobile-web-app-capable">
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<title>元旦节</title>
<script type="text/javascript" src="../../js/autosize2.js"></script>
<link rel="stylesheet" href="css/animate.min.css">
<link rel="stylesheet" href="css/FT_NewYear.css">
</head>
<body>
<div class="Box" style="position: fixed;left: 0;top:0">
<!-- <div class="bg_1 animated fadeIn"></div>-->
<div class="bg1 animated fadeIn"></div>
<div class="bg2 animated bounceInLeft"></div>
<div class="bg3 animated fadeIn"></div>
<div class="bg4 animated fadeIn"></div>
<div class="bg5 animated fadeInRight"></div>
<div class="bg6 animated fadeInLeft"></div>
<div class="bg7 animated fadeInRight"></div>
<div class="bg8 animated fadeInUp"></div>
</div>
</body>
<script src="../../js/moveJs/jquery.min.js"></script>
<script>
</script>
</html>
html/shortLinks/GraduationSeason.html
View file @ f92c45be
......@@ -9,8 +9,9 @@
<meta http-equiv="Cache-Control" content="no-siteapp" />
<title>毕业季</title>
<script type="text/javascript" src="../../js/autosize2.js"></script>
<link rel="stylesheet" href="css/GraduationSeason.css">
<link rel="stylesheet" href="css/animate.min.css">
<link rel="stylesheet" href="css/GraduationSeason.css">
</head>
<body>
<div class="Box" style="position: fixed;left: 0;top:0">
......
html/shortLinks/SpringFestival.html 0 → 100644
View file @ f92c45be
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0,viewport-fit=cover" />
<meta name="format-detection" content="telephone=no" />
<meta content="yes" name="mobile-web-app-capable">
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<title>春节</title>
<script type="text/javascript" src="../../js/autosize2.js"></script>
<link rel="stylesheet" href="css/animate.min.css">
<link rel="stylesheet" href="css/SpringFestival.css">
</head>
<body>
<div class="Box" style="position: fixed;left: 0;top:0">
<div class="bg1 animated bounceInDown"></div>
<div class="bg2 animated bounceInDown"></div>
<div class="bg3 animated bounceInDown"></div>
<div class="bg4 animated fadeIn"></div>
<div class="bg5 animated fadeIn"></div>
<div class="bg6 animated fadeInUp"></div>
</div>
</body>
<script src="../../js/moveJs/jquery.min.js"></script>
<script>
</script>
</html>
html/shortLinks/Urgent.html 0 → 100644
View file @ f92c45be
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0,viewport-fit=cover" />
<meta name="format-detection" content="telephone=no" />
<meta content="yes" name="mobile-web-app-capable">
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<title>紧急通知</title>
<script type="text/javascript" src="../../js/autosize2.js"></script>
<link rel="stylesheet" href="css/animate.min.css">
<link rel="stylesheet" href="css/Urgent.css">
</head>
<body>
<div class="Box" style="position: fixed;left: 0;top:0">
<!-- <div class="bg_1 animated fadeIn"></div>-->
<div class="top animated lightSpeedIn">
二零二零年三月十二日
</div>
<div class="top_2 animated lightSpeedIn">
紧急通知
</div>
<div class="bg_1 animated flipInX">
<span class="animated fadeIn">此处为通知内容的标题</span>
</div>
<div id="boxTyping">
<div id="divTyping"></div>
</div>
<div class="fabu animated fadeIn">行政</div>
<div class="bg_2"></div>
</div>
</body>
<script src="../../js/moveJs/jquery.min.js"></script>
<script>
var str = " 手机有手机套保护，电视有电视罩保护，眼镜有眼镜盒保护，文具有铅笔袋保护，小草有大树保护，水滴有大海保护，小草有大树保护，水滴有大海保护，小草有大树保护，水滴有大海保护!"
var i = 0;
var diyi = false
function typing(){
var divTyping = document.getElementById('divTyping');
if(diyi==false){
diyi=true
}
if(i<=str.length){
divTyping.innerHTML = str.slice(0,i++) ;
setTimeout("typing()",100)
}else{
divTyping.innerHTML = str;
$('.bg_2').addClass('loaded')
}
}
if(diyi==false){
setTimeout(function() {
typing();
}, 1500)
}else {
typing();
}
</script>
</html>
html/shortLinks/WomensDay.html 0 → 100644
View file @ f92c45be
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0,viewport-fit=cover" />
<meta name="format-detection" content="telephone=no" />
<meta content="yes" name="mobile-web-app-capable">
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<title>3.8妇女节</title>
<script type="text/javascript" src="../../js/autosize2.js"></script>
<link rel="stylesheet" href="css/animate.min.css">
<link rel="stylesheet" href="css/WomensDay.css">
</head>
<body>
<div class="Box" style="position: fixed;left: 0;top:0">
<!-- <div class="bg_1 animated fadeIn"></div>-->
<div class="bg1 animated bounceInRight"></div>
<div class="bg2 animated bounceInDown"></div>
<div class="bg3 animated bounceIn"></div>
<div class="bg4 animated bounceIn"></div>
<div class="bg5 animated fadeInUp"></div>
</div>
</body>
<script src="../../js/moveJs/jquery.min.js"></script>
<script>
</script>
</html>
html/shortLinks/css/Examination.css
View file @ f92c45be
......@@ -90,7 +90,7 @@ p{
position: absolute;
left: 0.87rem;
bottom: 0.3rem;
-webkit-animation-delay:2.3s;
-webkit-animation-delay:3s;
}
.bg_7{
......
html/shortLinks/css/FT_NewYear.css 0 → 100644
View file @ f92c45be
html,
body {
margin: 0;
padding: 0;
overflow-x: hidden;
height: auto;
}
*{
-webkit-tap-highlight-color: transparent;
}
p{
-webkit-margin-before: 0;
-webkit-margin-after: 0;
}
.Box{
width: 100%;
height: 100%;
background-image: url('../img/NewYear/n_bg.png');
background-size: 100% 100%;
background-repeat: no-repeat;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
}
.bg1{
width: 100%;
height: 4.41rem;
background-image: url('../img/NewYear/n_3.png');
background-size: 100% 100%;
background-repeat: no-repeat;
position: absolute;
left: 0rem;
top: 1.91rem;
-webkit-animation-delay:0.5s;
}
.bg2{
width: 3.31rem;
height: 4.21rem;
background-image: url('../img/NewYear/n_1.png');
background-size: 100% 100%;
background-repeat: no-repeat;
position: absolute;
left: 0rem;
top: 2.46rem;
-webkit-animation-delay:1s;
}
.bg3{
width: 0.47rem;
height: 0.71rem;
background-image: url('../img/NewYear/n_1_1.png');
background-size: 100% 100%;
background-repeat: no-repeat;
position: absolute;
left: 1.38rem;
top: 3.05rem;
-webkit-animation-delay:1.8s;
}
.bg4{
width: 0.77rem;
height: 0.45rem;
background-image: url('../img/NewYear/n_1_2.png');
background-size: 100% 100%;
background-repeat: no-repeat;
position: absolute;
left: 1.14rem;
top: 3.81rem;
-webkit-animation-delay:2.3s;
}
.bg5{
width: 0.57rem;
height: 0.62rem;
background-image: url('../img/NewYear/n_2.png');
background-size: 100% 100%;
background-repeat: no-repeat;
position: absolute;
right: 0rem;
top: 1.76rem;
-webkit-animation-delay:1.5s;
}
.bg6{
width: 1.24rem;
height: 0.87rem;
background-image: url('../img/NewYear/n_4.png');
background-size: 100% 100%;
background-repeat: no-repeat;
position: absolute;
left: 0.06rem;
bottom: 1rem;
-webkit-animation-delay:2.6s;
}
.bg7{
width: 1.03rem;
height: 0.64rem;
background-image: url('../img/NewYear/n_5.png');
background-size: 100% 100%;
background-repeat: no-repeat;
position: absolute;
right: 0.49rem;
bottom: 0.59rem;
-webkit-animation-delay:3s;
}
.bg8{
width: 2.5rem;
height: 0.37rem;
background-image: url('../img/NewYear/logo.png');
background-size: 100% 100%;
background-repeat: no-repeat;
position: absolute;
left: 0.63rem;
bottom: 0.18rem;
-webkit-animation-delay:3.5s;
}
html/shortLinks/css/GraduationSeason.css
View file @ f92c45be
......@@ -91,7 +91,8 @@ p{
left: 0.42rem;
-webkit-animation-delay:1.7s;
animation-iteration-count: 1000;
animation-duration: 3s
animation-duration: 4s
}
.bg_7{
width: 0.95rem;
......
html/shortLinks/css/SpringFestival.css 0 → 100644
View file @ f92c45be
html,
body {
margin: 0;
padding: 0;
overflow-x: hidden;
height: auto;
}
*{
-webkit-tap-highlight-color: transparent;
}
p{
-webkit-margin-before: 0;
-webkit-margin-after: 0;
}
.Box{
width: 100%;
height: 100%;
background-image: url('../img/SpringFestival/St_bg.png');
background-size: 100% 100%;
background-repeat: no-repeat;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
}
.bg1{
width: 3.31rem;
height: 0.7rem;
background-image: url('../img/SpringFestival/St_1.png');
background-size: 100% 100%;
background-repeat: no-repeat;
position: absolute;
left: 0.21rem;
top: 0.49rem;
-webkit-animation-delay:0.5s;
}
.bg2{
width: 0.53rem;
height: 3.9rem;
background-image: url('../img/SpringFestival/St_l.png');
background-size: 100% 100%;
background-repeat: no-repeat;
position: absolute;
left: 0.21rem;
top: 1.1rem;
-webkit-animation-delay:1s;
animation-duration: 2s
}
.bg3{
width: 0.53rem;
height: 3.9rem;
background-image: url('../img/SpringFestival/St_r.png');
background-size: 100% 100%;
background-repeat: no-repeat;
position: absolute;
right: 0.21rem;
top: 1.1rem;
-webkit-animation-delay:1s;
animation-duration: 2s
}
.bg4{
width: 2.1rem;
height: 0.62rem;
background-image: url('../img/SpringFestival/St_2.png');
background-size: 100% 100%;
background-repeat: no-repeat;
position: absolute;
left: 0.83rem;
top: 1.23rem;
-webkit-animation-delay:2.5s;
}
.bg5{
width: 2.23rem;
height: 2.53rem;
background-image: url('../img/SpringFestival/St_3.png');
background-size: 100% 100%;
background-repeat: no-repeat;
position: absolute;
left: 0.77rem;
top: 2.34rem;
-webkit-animation-delay:2.8s;
}
.bg6{
width: 2.11rem;
height: 0.31rem;
background-image: url('../img/SpringFestival/logo.png');
background-size: 100% 100%;
background-repeat: no-repeat;
position: absolute;
left: 0.83rem;
bottom: 0.78rem;
-webkit-animation-delay:3.2s;
}
html/shortLinks/css/Urgent.css 0 → 100644
View file @ f92c45be
html,
body {
margin: 0;
padding: 0;
overflow-x: hidden;
height: auto;
}
*{
-webkit-tap-highlight-color: transparent;
}
p{
-webkit-margin-before: 0;
-webkit-margin-after: 0;
}
@font-face {
font-family: mFont;
src: url('./FZCSJW.ttf');
}
.Box{
width: 100%;
height: 100%;
background-image: url('../img/urgent/bg.png');
background-size: 100% 100%;
background-repeat: no-repeat;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
}
.top{
width: 75%;
line-height: 0.36rem;
text-align: center;
font-size: 0.23rem;
color: #CC403F;
border-bottom: 2px solid #CC403F;
margin-top: 0.42rem;
font-family: mFont;
-webkit-animation-delay:0.4s;
}
.top_2{
width: 76%;
line-height: 1rem;
text-align: center;
font-size: 0.68rem;
color: #CC403F;
font-family: mFont;
-webkit-animation-delay:0s;
}
.bg_1{
width: 2.76rem;
height: 0.35rem;
background-image: url('../img/urgent/u1.png');
background-size: 100% 100%;
background-repeat: no-repeat;
position: absolute;
top: 1.88rem;
left: 0.5rem;
-webkit-animation-delay:0.8s;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.bg_1 span{
font-size: 0.2rem;
font-family: mFont;
color: #EEDEA2;
}
.bg_2{
width: 1.62rem;
height: 1.33rem;
background-image: url('../img/urgent/u2.png');
background-size: 100% 100%;
background-repeat: no-repeat;
position: absolute;
right: 0rem;
bottom: 0rem;
transform-origin: 50% 50%;
transform: rotate(0deg) scale(3);
transition: all 0.5s cubic-bezier(0.6, 0.04, 0.98, 0.335);
opacity: 0;
}
.loaded {
opacity: 1;
transform: rotate(0deg) scale(1);
z-index: -1;
}
#boxTyping{
width: 70%;
height: 2.71rem;
overflow: auto;
margin-top: 0.82rem;
}
#divTyping{
font-size: 0.17rem;
font-family: mFont;
color: #CC403F;
width: 20px;
line-height: 38px;
letter-spacing:10px;
writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/
/*writing-mode: tb-lr;!*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*!*/
}
.fabu{
font-size: 0.17rem;
font-family: mFont;
color: #CC403F;
position: absolute;
left: 0.55rem;
bottom: 0.7rem;
-webkit-animation-delay:2s;
}
html/shortLinks/css/WomensDay.css 0 → 100644
View file @ f92c45be
html,
body {
margin: 0;
padding: 0;
overflow-x: hidden;
height: auto;
}
*{
-webkit-tap-highlight-color: transparent;
}
p{
-webkit-margin-before: 0;
-webkit-margin-after: 0;
}
.Box{
width: 100%;
height: 100%;
background-image: url('../img/WomensDay/bg.png');
background-size: 100% 100%;
background-repeat: no-repeat;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
}
.bg1{
width: 0.91rem;
height: 2.39rem;
background-image: url('../img/WomensDay/people.png');
background-size: 100% 100%;
background-repeat: no-repeat;
position: absolute;
left: 1.53rem;
top: 2.74rem;
-webkit-animation-delay:0.5s;
}
.bg2{
width: 100%;
height: 5.52rem;
background-image: url('../img/WomensDay/hbg.png');
background-size: 100% 100%;
background-repeat: no-repeat;
position: absolute;
left: 0rem;
top: 0rem;
-webkit-animation-delay:1.5s;
}
.bg3{
width: 1.01rem;
height: 0.41rem;
background-image: url('../img/WomensDay/3.8.png');
background-size: 100% 100%;
background-repeat: no-repeat;
position: absolute;
left: 1.37rem;
top: 0.35rem;
-webkit-animation-delay:2.3s;
}
.bg4{
width: 1.62rem;
height: 0.31rem;
background-image: url('../img/WomensDay/wd.png');
background-size: 100% 100%;
background-repeat: no-repeat;
position: absolute;
left: 1.07rem;
top: 0.95rem;
-webkit-animation-delay:2.8s;
}
.bg5{
width: 2.76rem;
height: 0.4rem;
background-image: url('../img/WomensDay/logo.png');
background-size: 100% 100%;
background-repeat: no-repeat;
position: absolute;
left: 0.5rem;
bottom: 0.45rem;
-webkit-animation-delay:3.4s;
}
html/shortLinks/img/Examination/e_1.png 100755 → 100644
View replaced file @ a62e8ee2 View file @ f92c45be
html/shortLinks/img/Examination/e_1.png

161 KB | W: | H:

html/shortLinks/img/Examination/e_1.png

201 KB | W: | H:

html/shortLinks/img/Examination/e_1.png
html/shortLinks/img/Examination/e_1.png
html/shortLinks/img/Examination/e_1.png
html/shortLinks/img/Examination/e_1.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