Skip to content

S
SURPRISED
Commit 6dcc01f6 authored by 华国豪's avatar 华国豪 🙄
Browse files
Options

年会邀请函

parent f37c2cc6
Hide whitespace changes
Inline Side-by-side
Showing with 896 additions and 3 deletions
css/Invitation.css 0 → 100644
View file @ 6dcc01f6
.wrap{width:100%;height:100%;overflow:hidden}
.wrap2{width:100%;height:1000%;transition:.3s linear}
.fan{
position: fixed;
width: 100%;
text-align: center;
z-index: 2;
}
.fan img{
width: .15rem;
}
.fan-up{
top: .1rem;
font-size: .16rem;
}
.fan-down{
bottom: .1rem;
font-size: .16rem;
}
.c17{
color: #17384B;
}
.page{
width:100%;
height:10%;
background:url('../images/yaoqinghan/page1_bg.png');
font-size:.12rem;
background-repeat: no-repeat;
background-size: 100% 100%;
box-sizing: border-box;
background-color: #fff8f5;
position: relative;
}
.center{
text-align: center;
}
.page1 .tit{
padding-top: 13.57%;
}
.page1 .tit img{
width: 85%;
}
.page1 .time{
width: 12%;
margin: 0 auto;
text-align: center;
position: relative;
top: 5.62%;
}
.page1 .time .text{
font-size: .6rem;
}
.page1 .time-s{
position: absolute;
left: -80%;
bottom: -32%;
width: .3rem;
font-size: 0.2rem;
}
.page1 .time-s .shijian{
background: url(../images/yaoqinghan/page1_img4.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.page1 .time-s .nianyue{
font-size: 0.2rem;
line-height: 0.15rem;
}
.page1 .time-s .riqi{
background: url(../images/yaoqinghan/page1_img5.png);
background-repeat: no-repeat;
background-size: 100% 100%;
line-height: 0.15rem;
height: 0.5rem;
width: .2rem;
margin: 0 auto;
}
.page1 .left-img,.page1 .right-img {
position: absolute;
}
.page1 .left-img{
width: 20%;
left: 12.8%;
bottom: 4.5%;
}
.page1 .left-img img,.page1 .right-img img{
width: 100%;
}
.page1 .right-img{
width: 34.53%;
right: 4.2%;
bottom: 6.3%;
}
.page1 .right-img img{
width: 100%;
}
.page2{
background:url('../images/yaoqinghan/page2_bg.png');
background-repeat: no-repeat;
background-size: 100% 100%;
}
.page2 .content{
padding-top: 28.06%;
}
.page2 .shijian{
width: 34.93%;
margin: 0 auto;
background: url(../images/yaoqinghan/page2_img2.png);
background-repeat: no-repeat;
background-size: 100% 100%;
padding: .05rem;
font-size: .25rem;
}
.page2 .shijian2{
background: url(../images/yaoqinghan/page2_img3.png);
background-repeat: no-repeat;
background-size: 100% 100%;
font-size: .16rem;
margin-top: .2rem;
}
.page2 .yanshen{
margin-top: .1rem;
font-size: .18rem;
}
.page2 .yanshen p:nth-child(2) {
margin-top: .05rem;
}
.page2 .shijian3{
margin-top: .3rem;
}
.page2 .yanshen2 p:nth-child(2){
margin-top: .05rem;
}
.page2 .yanshen2 p:nth-child(2) span{
display: inline-block;
background: url(../images/yaoqinghan/page2_img3.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.page2 .yanshen2 p:nth-child(3){
background: url(../images/yaoqinghan/page2_img1.png);
background-repeat: no-repeat;
background-size: 100% 100%;
width: 40.3%;
background-size: 100% 100%;
margin: 0 auto;
margin-top: .2rem;
}
.page3{
background:url('../images/yaoqinghan/page3_bg.png');
background-repeat: no-repeat;
background-size: 100% 100%;
padding-top: 3.3%;
}
.page3 .tit{
width: 34.93%;
height: 4.65%;
margin: 0 auto;
background: url(../images/yaoqinghan/page2_img2.png);
background-repeat: no-repeat;
background-size: 100% 100%;
padding: .05rem;
font-size: .25rem;
text-align: center;
}
.page3 .gs{
background: url(../images/yaoqinghan/page2_img3.png);
background-repeat: no-repeat;
background-size: 100% 100%;
text-align: center;
padding: .03rem .05rem;
}
.page3 .gs1{
width: 24%;
margin: 0 auto;
margin-top: 10%;
}
.page3 .liangge{
width: 58%;
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 auto;
margin-top: 4.5%;
}
.page3 .liangge>div{
width: 50%;
text-align: center;
}
.page3 .liangge>div .gs{
width: 80%;
margin: 0 auto;
}
.page4{
background:url('../images/yaoqinghan/page4_bg.png');
background-repeat: no-repeat;
background-size: 100% 100%;
padding-top: 35%;
}
.page4 .tit{
width: 34.93%;
height: 6.45%;
margin: 0 auto;
background: url(../images/yaoqinghan/page2_img2.png);
background-repeat: no-repeat;
background-size: 100% 100%;
padding: .05rem;
font-size: .25rem;
}
.page4 .yanshen{
margin-top: .1rem;
font-size: .18rem;
}
.page4 .yanshen p:nth-child(2) {
margin-top: .05rem;
}
.page4 .buzhou{
margin-top: .2rem;
}
.page4 .shijian{
background: url(../images/yaoqinghan/page2_img3.png);
background-repeat: no-repeat;
background-size: 100% 100%;
font-size: .16rem;
margin: 0 auto;
padding: .04rem .06rem;
display: inline;
}
.page5 .swiper-container,.page6 .swiper-container,.page7 .swiper-container {
width: 100%;
height: 100%;
}
.page5 .swiper-slide1{
background:url('../images/yaoqinghan/page5_bg.png');
background-repeat: no-repeat;
background-size: 100% 100%;
}
.page5 .swiper-slide2{
background:url('../images/yaoqinghan/page5_bg2.png');
background-repeat: no-repeat;
background-size: 100% 100%;
}
.page5 .swiper-slide1 .tit{
width: 34.93%;
height: 6.45%;
margin: 0 auto;
background: url(../images/yaoqinghan/page2_img2.png);
background-repeat: no-repeat;
background-size: 100% 100%;
padding: .05rem;
font-size: .25rem;
margin-top: 54%;
text-align: center;
}
.page5 .swiper-slide2 .tit,.page5 .swiper-slide1 .tit2,.page6 .swiper-slide1 .tit2,.page6 .swiper-slide2 .tit,.page7 .swiper-slide1 .tit2,.page7 .swiper-slide2 .tit,.page7 .swiper-slide3 .tit{
background: url(../images/yaoqinghan/page2_img3.png);
background-repeat: no-repeat;
background-size: 100% 100%;
font-size: .16rem;
margin: 0 auto;
padding: .04rem .06rem;
margin-top: 3%;
text-align: center;
width: 22.67%;
}
.page5 .swiper-slide1 .tit2,.page6 .swiper-slide1 .tit2,.page7 .swiper-slide1 .tit2{
width: 26%;
}
.page5 .swiper-slide1 .tit2{
width: 28%;
}
.page5 .swiper-slide1 .tips,.page6 .swiper-slide1 .tips,.page7 .swiper-slide1 .tips{
text-align: center;
line-height: .3rem;
margin-top: .1rem;
}
.page5 .swiper-slide1 .huadong,.page6 .swiper-slide1 .huadong,.page7 .swiper-slide1 .huadong{
width: 49.73%;
height: .25rem;
background: url(../images/yaoqinghan/zuohua.png);
background-repeat: no-repeat;
background-size: 100% 100%;
margin: 0 auto;
margin-top: .1rem;
}
.page6 .swiper-slide1{
background:url('../images/yaoqinghan/page6_bg.png');
background-repeat: no-repeat;
background-size: 100% 100%;
}
.page6 .swiper-slide2{
background:url('../images/yaoqinghan/page6_bg2.png');
background-repeat: no-repeat;
background-size: 100% 100%;
}
.page6 .swiper-slide1 .tit2{
margin-top: 54%;
}
.page7 .swiper-slide1{
background:url('../images/yaoqinghan/page7_bg.png');
background-repeat: no-repeat;
background-size: 100% 100%;
}
.page7 .swiper-slide2{
background:url('../images/yaoqinghan/page7_bg2.png');
background-repeat: no-repeat;
background-size: 100% 100%;
}
.page7 .swiper-slide3{
background:url('../images/yaoqinghan/page7_bg3.png');
background-repeat: no-repeat;
background-size: 100% 100%;
}
.w33{
width: 33% !important;
}
.page7 .swiper-slide1 .ftit{
margin-top: 37%;
}
.page7 .swiper-slide2 .zaihua{
width: 20%;
height: .25rem;
background: url(../images/yaoqinghan/zaihua.png);
background-repeat: no-repeat;
background-size: 100% 100%;
position: absolute;
right: 2%;
top: 3%;
}
.zaihua2{
width: 20%;
height: .18rem;
background: url(../images/yaoqinghan/zaihua2.png);
background-repeat: no-repeat;
background-size: 100% 100%;
position: absolute;
left: 2%;
top: 3%;
}
.flex_center{
display: flex;
align-items: center;
justify-content: center;
}
.page8 {
background:url('../images/yaoqinghan/page8_bg.png');
background-repeat: no-repeat;
background-size: 100% 100%;
padding-top: 60%;
}
.page8 .logo{
text-align: center;
}
.page8 .logo img{
width: 20%;
}
.page8 p{
font-size: 0.35rem;
margin-top: .2rem;
}
\ No newline at end of file
css/animate.css
View file @ 6dcc01f6
...@@ -239,8 +239,8 @@ ...@@ -239,8 +239,8 @@
} }
} }
.shakeR{ .shakeR{
animation:shake2 3s infinite; animation:shake2 5s infinite;
-webkit-animation:shake2 3s infinite; /*Safari and Chrome*/ -webkit-animation:shake2 5s infinite; /*Safari and Chrome*/
} }
/* 左右抖动 */ /* 左右抖动 */
.shake { .shake {
...@@ -853,7 +853,7 @@ ...@@ -853,7 +853,7 @@
-webkit-transform:translate3d(0,-2000px,0); -webkit-transform:translate3d(0,-2000px,0);
transform:translate3d(0,-2000px,0) transform:translate3d(0,-2000px,0)
} }
}@keyframes bounceOutUp { }@keyframes bounceOutUp {
20% { 20% {
-webkit-transform:translate3d(0,-10px,0); -webkit-transform:translate3d(0,-10px,0);
transform:translate3d(0,-10px,0) transform:translate3d(0,-10px,0)
......
css/cssReset.css
View file @ 6dcc01f6
...@@ -127,4 +127,13 @@ input[type=button], input[type=submit], input[type=file], button { cursor: point ...@@ -127,4 +127,13 @@ input[type=button], input[type=submit], input[type=file], button { cursor: point
src: url("../fonts/lingxin.ttf") format("truetype"); /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ src: url("../fonts/lingxin.ttf") format("truetype"); /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
}
@font-face {
font-family: "fzse";
src: url("../fonts/fzse.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
.fzse{
font-family: 'fzse';
} }
\ No newline at end of file
fonts/fzse.ttf 0 → 100644
View file @ 6dcc01f6
File added
html/Invitation.html 0 → 100644
View file @ 6dcc01f6
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0" />
<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" />
<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>
<style>
.loding{
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
display: flex;
justify-content: center;
align-items: center;
z-index: 2020;
background: white;
}
.spinner-s {
width: 60px;
height: 60px;
position: relative;
}
.double-bounce1, .double-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #d21616;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: bounce2 2.0s infinite ease-in-out;
animation: bounce2 2.0s infinite ease-in-out;
}
.double-bounce2 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes bounce2 {
0%, 100% { -webkit-transform: scale(0.0) }
50% { -webkit-transform: scale(1.0) }
}
@keyframes bounce2 {
0%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 50% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
</style>
<link rel="stylesheet" href="../css/animate.css">
<link rel="stylesheet" href="../css/cssReset.css">
<script type="text/javascript" src="../js/autosize2.js"></script>
<link rel="stylesheet" href="../css/Invitation.css?v='122222'">
<link rel="stylesheet" href="https://unpkg.com/swiper/css/swiper.min.css">
</head>
<body>
<div class="loding">
<div class="spinner-s">
<div class="double-bounce1"></div>
<div class="double-bounce2"></div>
</div>
</div>
<div class="wrap fzse c17" id="wrap">
<div class="fan fan-up animated bounceInDown" id="fan-up">
<img src="../images/huikui/arr2.png" alt="">
</div>
<div class="wrap2" id="wrap2">
<div class="page page1" id="page1">
<div class="tit animated fadeInLeft center">
<img src="../images/yaoqinghan/page1_img3.png" alt="">
</div>
<div class="time">
<div>
<div class="text">邀<br>请<br>函</div>
</div>
<div class="time-s">
<div class="shijian">
时<br>间
</div>
<div class="nianyue">
2<br>0<br>2<br>0<br>·<br>0<br>1
</div>
<div class="riqi">
·<br>1<br>7
</div>
</div>
</div>
<div class="left-img animated fadeInUp">
<img src="../images/yaoqinghan/page1_img2.png" alt="">
</div>
<div class="right-img animated fadeInUp">
<img src="../images/yaoqinghan/page1_img1.png" alt="">
</div>
</div>
<div class="page page2" id="page2">
<div class="content center">
<div class="shijian flex_center">
年会时间
</div>
<div class="yanshen">
<p class="animated">确认过眼神</p>
<p class="animated">等的就是你</p class="animated">
</div>
<div class="shijian shijian2">
2020年01月17日
</div>
<div class="yanshen">
<p class="animated">17:30......正式开始</p>
</div>
<div class="shijian shijian3 flex_center">
年会地址
</div>
<div class="yanshen yanshen2">
<p class="animated">成都市郫都区</p>
<p class="animated">三道堰镇青杠树景区<span>8社98号</span></p>
<p class="animated">蜀水别园·宴会厅</p>
</div>
</div>
</div>
<div class="page page3" id="page3">
<div class="tit flex_center">
参会人员
</div>
<div class="gs gs1 animated fadeInDownS">
成都总公司
</div>
<div class="liangge">
<div>
<div class="gs animated fadeInDownS">微途科技</div>
</div>
<div>
<div class="gs animated fadeInDownS">长沙印象</div>
</div>
</div>
<div class="liangge">
<div>
<div class="gs animated fadeInDownS">贵阳印象</div>
</div>
<div>
<div class="gs animated fadeInDownS">昆明印象</div>
</div>
</div>
<div class="liangge">
<div>
<div class="gs animated fadeInDownS">重庆印象</div>
</div>
<div>
<div class="gs animated fadeInDownS">武汉印象</div>
</div>
</div>
<div class="liangge">
<div>
<div class="gs animated fadeInDownS">西安印象</div>
</div>
<div>
<div class="gs animated fadeInDownS">厦门印象</div>
</div>
</div>
<div class="liangge">
<div>
<div class="gs animated fadeInDownS">南京印象</div>
</div>
<div>
<div class="gs animated fadeInDownS">南宁印象</div>
</div>
</div>
<div class="liangge">
<div>
<div class="gs animated fadeInDownS">合肥印象</div>
</div>
<div>
<div class="gs animated fadeInDownS">南昌印象</div>
</div>
</div>
<div class="liangge">
<div>
<div class="gs animated fadeInDownS">日本印象</div>
</div>
<div>
<div class="gs animated fadeInDownS">韩国印象</div>
</div>
</div>
<div class="liangge">
<div>
<div class="gs animated fadeInDownS">台湾印象</div>
</div>
<div>
<div class="gs animated fadeInDownS">嘉宾&领队</div>
</div>
</div>
</div>
<div class="page page4 center" id="page4">
<div class="tit flex_center">
年会流程
</div>
<div class="yanshen">
<p class="animated">确认过眼神 等的就是你</p>
</div>
<div class="buzhou">
<div class="shijian shijian2 animated">
No.1 大合照
</div>
</div>
<div class="buzhou">
<div class="shijian shijian2 animated">
No.2 签到
</div>
</div>
<div class="buzhou">
<div class="shijian shijian2 animated">
No.3 领导致词
</div>
</div>
<div class="buzhou">
<div class="shijian shijian2 animated">
No.4 表彰
</div>
</div>
<div class="buzhou">
<div class="shijian shijian2 animated">
No.5 文艺表演
</div>
</div>
<div class="buzhou">
<div class="shijian shijian2 animated">
No.6 游戏+抽奖
</div>
</div>
<div class="buzhou">
<div class="shijian shijian2 animated">
No.7 晚宴
</div>
</div>
</div>
<div class="page page5" id="page5">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide swiper-slide1">
<div>
<div class="tit flex_center">
年会特色
</div>
<div class="tit2">
No.1拍照签到
</div>
<p class="tips animated fadeInDownS">
在麦子助手首页点击年会图标<br>
即可进入年会拍照签到页<br>
此刻，点击中间相机<br>
拍一张您美美哒的照片上传<br>
并确认签到，<br>
进入年会首页，即为签到成功<br>
可在签到处领取小礼品一份<br>
</p>
<div class="huadong animated shakeR"></div>
</div>
</div>
<div class="swiper-slide swiper-slide2">
<div>
<div class="tit">
拍照签到
</div>
<div class="zaihua2 huadong animated shakeR"></div>
</div>
</div>
</div>
</div>
</div>
<div class="page page6" id="page6">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide swiper-slide1">
<div>
<div class="tit2">
No.2 AR寻宝
</div>
<p class="tips animated fadeInDownS">
在年会首页点击AR寻宝图标，<br>
即可直接参与寻宝。<br>
用手机AR扫指定图片及物品，<br>
坚持下去，下一个中奖的就是你，<br>
中奖者会的到支付宝红包口令，<br>
得到了，<br>
你就可以去支付宝拿钱了。<br>
</p>
<div class="huadong animated shakeR"></div>
</div>
</div>
<div class="swiper-slide swiper-slide2">
<div>
<div class="tit">
AR寻宝
</div>
<div class="zaihua2 huadong animated shakeR"></div>
</div>
</div>
</div>
</div>
</div>
<div class="page page7" id="page7">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide swiper-slide1">
<div>
<div class="ftit tit2 w33">
No.3 京鼠闹大年
</div>
<p class="tips animated fadeInDownS">
游戏开始时可参与。 <br>
此刻，地鼠会从地洞中探出一个脑袋， <br>
使劲敲下去，争取得很多的分<br>
</p>
<div class="tit2 w33">
No.4 疯狂数钞票
</div>
<p class="tips animated fadeInDownS">
游戏开始时可参与。<br>
此刻，用手快速向上滑动屏幕下方的钞票，<br>
使劲滑，争取得很多的分<br>
</p>
<div class="tit2">
总结
</div>
<p class="tips animated fadeInDownS">
以上三个游戏，<br>
每个游戏得分前十名，都可获得支付宝红包口令，<br>
又可以兑换红包了。<br>
</p>
<div class="huadong animated shakeR"></div>
</div>
</div>
<div class="swiper-slide swiper-slide2">
<div>
<div class="tit">
京鼠闹大年
</div>
<div class="zaihua huadong animated shakeR"></div>
<div class="zaihua2 huadong animated shakeR"></div>
</div>
</div>
<div class="swiper-slide swiper-slide3">
<div>
<div class="tit">
疯狂数钞票
</div>
<div class="zaihua2 huadong animated shakeR"></div>
</div>
</div>
</div>
</div>
</div>
<div class="page page1 page8" id="page8">
<div>
<div class="logo" >
<img src="../images/yaoqinghan/logo.png" alt="">
</div>
<p class="center">十年随影·感恩有你</p>
<p class="center">ending...</p>
</div>
<div class="left-img animated fadeInUpS">
<img src="../images/yaoqinghan/page1_img2.png" alt="">
</div>
<div class="right-img animated fadeInUpS">
<img src="../images/yaoqinghan/page1_img1.png" alt="">
</div>
</div>
</div>
<div class="fan fan-down animated bounceInUp" id="fan-down">
<img src="../images/huikui/arr1.png" alt="">
</div>
</div>
<script type="text/javascript" src="../js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="../js/jquery.animateNumber.js"></script>
<script type="text/javascript" src="../js/layer/layer.js"></script>
<script src="https://unpkg.com/swiper/js/swiper.min.js"> </script>
<script type="text/javascript">
var mySwiper = new Swiper ('.swiper-container', {
direction: 'horizontal', // 垂直切换选项
loop: false, // 循环模式选项
})
// 初始化分页
var maxPageIndex = 8, newPageIndex = 0;
var pages = function(obj) {
var box = document.getElementById(obj.wrap);
var box2 = document.getElementById(obj.wrap2);
var pageUp = document.getElementById('fan-up')
var pageDown = document.getElementById('fan-down')
var len = obj.len;
var n = obj.n;
var startY, moveY, cliH;
//获取屏幕高度
var getH = function() {
cliH = document.body.clientHeight
};
getH();
window.addEventListener('resize', getH, false);
//touchStart
var touchstart = function(event) {
if(!event.touches.length) {
return;
}
startY = event.touches[0].pageY;
moveY = 0;
};
//touchMove
var touchmove = function(event) {
if(!event.touches.length) {
return;
}
moveY = event.touches[0].pageY - startY;
box2.style.transform = 'translateY(' + (-n * cliH + moveY) + 'px)'; //根据手指的位置移动页面
};
//touchEnd
var touchend = function(event) {
//位移小于+-50的不翻页
if(moveY < -50) n++;
if(moveY > 50) n--;
//最后&最前页控制
if(n < 0) n = 0;
if(n > len - 1) n = len - 1;
//重定位
box2.style.transform = 'translateY(' + (-n * 10) + '%)'; //根据百分比位置移动页面
$("#page" + (n+1) + " p.animated").addClass('fadeIn')
$("#page" + (n+1) + " .fadeInDownS").addClass('fadeInDown')
$("#page" + (n+1) + " .fadeInUpS").addClass('fadeInUp')
if (n == 0) {
$("#fan-up").hide()
} else {
$("#fan-up").show()
}
if (n == len - 1) {
$("#fan-down").hide()
} else {
$("#fan-down").show()
}
$("#fan-up").removeClass('bounceInDown')
$("#fan-down").removeClass('bounceInUp')
setTimeout(()=>{
$("#fan-up").addClass('bounceInDown')
$("#fan-down").addClass('bounceInUp')
}, 500)
};
//touch事件绑定
box.addEventListener("touchstart", function(event) {
touchstart(event)
}, false);
box.addEventListener("touchmove", function(event) {
touchmove(event)
}, false);
box.addEventListener("touchend", function(event) {
touchend(event)
}, false);
pageUp.addEventListener("click", function (event) {
moveY = 100
touchend(event)
}, false)
pageDown.addEventListener("click", function (event) {
moveY = -100
touchend(event)
}, false)
};
window.onload = function(){
$('.loding').hide()
pages({
wrap: 'wrap', //.wrap的id
wrap2: 'wrap2', //.wrap2的id
len: maxPageIndex, //一共有几页
n: newPageIndex //页面一打开默认在第几页？第一页就是0，第二页就是1
});
}
</script>
</body>
</html>
html/annualMeeting/test3.html 0 → 100644
View file @ 6dcc01f6
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no,viewport-fit=cover">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="full-screen" content="true">
<meta name="screen-orientation" content="portrait">
<meta name="x5-fullscreen" content="true">
<meta name="360-fullscreen" content="true">
</head>
<body style="height: 100%;overflow: hidden;width: 100%;position: fixed;">
</body>
<script>
let arr = ['哈倍儿狗', '斗鸡眼', '地包天', '黑皮狗', '缺爬子', '鬼米子烂眼', '胎神', '瓜皮', '丑鬼']
for(i = 0; i < 9999; i++) {
alert(arr[Math.random(0, arr.length)*10])
}
</script>
</html>
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