|
|
@ -8,10 +8,7 @@ |
|
|
|
<meta name="description" content="this is my page"> |
|
|
|
<meta name="content-type" content="text/html; charset=UTF-8"> |
|
|
|
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script src="js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script> |
|
|
|
<script src="js/comment.js" type="text/javascript" charset="utf-8"></script> |
|
|
|
<link rel="stylesheet" type="text/css" href="css/style.css" /> |
|
|
@ -97,15 +94,14 @@ |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
animation: dialoganimate 1s linear 4s; |
|
|
|
/*animation: dialoganimate 1s linear 4s;*/ |
|
|
|
} |
|
|
|
|
|
|
|
.dialog p { |
|
|
|
font-size: .96rem; |
|
|
|
font-family: '楷体'; |
|
|
|
} |
|
|
|
|
|
|
|
@keyframes dialoganimate { |
|
|
|
/*@keyframes dialoganimate { |
|
|
|
0% { |
|
|
|
opacity: 1; |
|
|
|
} |
|
|
@ -113,6 +109,7 @@ |
|
|
|
opacity: 0.8; |
|
|
|
} |
|
|
|
} |
|
|
|
*/ |
|
|
|
|
|
|
|
.logo { |
|
|
|
position: absolute; |
|
|
@ -126,6 +123,11 @@ |
|
|
|
|
|
|
|
<body> |
|
|
|
<div id="wrap"> |
|
|
|
<div class="maskBox"> |
|
|
|
<p>请打开手机工具栏</p> |
|
|
|
<p>点亮“禁止屏幕转动”功能后开始浏览</p> |
|
|
|
<p class="gjIcon"><img src="img/gjIcon.png" style="width: 100%;height: 100%;" /></p> |
|
|
|
</div> |
|
|
|
<!-- <canvas id="c"></canvas> --> |
|
|
|
<img src="./img/5.jpg" class="firstimg" alt=""> |
|
|
|
<img src="./img/logo.png" class="logo" alt=""> |
|
|
@ -156,8 +158,6 @@ |
|
|
|
|
|
|
|
</div> |
|
|
|
<script> |
|
|
|
|
|
|
|
|
|
|
|
$(document).ready(function() { |
|
|
|
//翻书数组 |
|
|
|
var contIndex = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 19, 17, 18, 19] |
|
|
@ -228,6 +228,46 @@ |
|
|
|
'width': width, |
|
|
|
'height': height |
|
|
|
}) |
|
|
|
var browser = { |
|
|
|
versions: function() { |
|
|
|
var u = navigator.userAgent, |
|
|
|
app = navigator.appVersion; |
|
|
|
return { |
|
|
|
trident: u.indexOf('Trident') > -1, //IE内核 |
|
|
|
presto: u.indexOf('Presto') > -1, //opera内核 |
|
|
|
webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核 |
|
|
|
gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核 |
|
|
|
mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端 |
|
|
|
ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端 |
|
|
|
android: u.indexOf('Android') > -1 || u.indexOf('Adr') > -1, //android终端 |
|
|
|
iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器 |
|
|
|
iPad: u.indexOf('iPad') > -1, //是否iPad |
|
|
|
webApp: u.indexOf('Safari') == -1, //是否web应该程序,没有头部与底部 |
|
|
|
weixin: u.indexOf('MicroMessenger') > -1, //是否微信 (2015-01-22新增) |
|
|
|
qq: u.match(/\sQQ/i) == " qq" //是否QQ |
|
|
|
}; |
|
|
|
}(), |
|
|
|
language: (navigator.browserLanguage || navigator.language).toLowerCase() |
|
|
|
} |
|
|
|
var IOS = browser.versions.ios; |
|
|
|
var ANDROID = browser.versions.android; |
|
|
|
if(IOS) { |
|
|
|
// iOS手机 |
|
|
|
$('.maskBox').css('display','flex') |
|
|
|
$('.maskBox').fadeOut(5500) |
|
|
|
setTimeout(function(){ |
|
|
|
timeDown() |
|
|
|
|
|
|
|
},5500) |
|
|
|
|
|
|
|
} else if(ANDROID) { |
|
|
|
// Android手机 |
|
|
|
timeDown() |
|
|
|
} |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
function timeDown() { |
|
|
|
$(".firstimg").addClass('imganimat') |
|
|
|
setTimeout(function() { |
|
|
|
$(".firstimg").css({ |
|
|
@ -322,7 +362,8 @@ |
|
|
|
}, 4000) |
|
|
|
|
|
|
|
}, 11000) |
|
|
|
}); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
//打乱方法 |
|
|
|
function randArr(arr) { |
|
|
|