diff --git a/css/begin.css b/css/begin.css
index 1a18fe9..47c6b58 100644
--- a/css/begin.css
+++ b/css/begin.css
@@ -73,7 +73,7 @@ li {
position: absolute;
left: 0;
top: 0;
- z-index: 99999;
+ z-index: 9999;
/*display: none;*/
opacity: 0;
}
@@ -192,4 +192,36 @@ li {
.bookImg .btn1 p.active {
background: #E40006;
-}
\ No newline at end of file
+}
+
+/*提示框*/
+.maskBox{
+ width: 100%;
+ height: 100%;
+ position: fixed;
+ left: 0;
+ top: 0;
+ background: #000;
+ opacity: 1;
+ z-index: 99999;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ display: none;
+}
+.maskBox p{
+ color: #fff;
+ font-size: .4rem;
+ line-height: .8rem;
+ text-align: center;
+}
+.maskBox p.gjIcon{
+ width: 1.5rem !important;
+ height: 1.5rem !important;
+ margin-top: 1rem;
+}
+.maskBox p.gjIcon img{
+ width: 100% !important;
+ height: 100% !important;
+}
diff --git a/css/game4.css b/css/game4.css
index f6f5f5b..a925bd2 100644
--- a/css/game4.css
+++ b/css/game4.css
@@ -214,7 +214,10 @@
height: 1rem;
/*display: flex;*/
display: none;
- /*justify-content: flex-end;*/
+ position: absolute;
+ bottom: 0;
+ right: 50%;
+ transform: translateX(50%);
}
.contList ul li{
/*flex: 1;*/
diff --git a/css/game5.css b/css/game5.css
index d622056..8d3414e 100644
--- a/css/game5.css
+++ b/css/game5.css
@@ -197,6 +197,7 @@
position: absolute;
bottom: 15%;
right: 0;
+ font-size: 0;
}
.nextBtn img {
diff --git a/game4.html b/game4.html
index 7bc4686..fd8a20e 100644
--- a/game4.html
+++ b/game4.html
@@ -314,6 +314,7 @@
$('.tipList>ul>li').eq(trueNums).find('.time').attr('id', 'dataNums');
$('.contList ').on('touchstart', 'li', function(e) {
console.log(e)
+ $(this).find('p').css("transform",'scale(.8)')
var idIndex = e.currentTarget.dataset.id;
for(var i = 0; i <= timeArrNew.length; i++) {
@@ -452,12 +453,17 @@
}
} else {
+
+
var falseAudio = document.getElementById('falseAudio');
falseAudio.play();
audioAutoPlay('falseAudio')
//
}
+ }).on('touchend',function(e){
+ console.log($(this).index())
+ $(this).find('p').css("transform",'scale(1)')
})
function randArr(arr) {
diff --git a/game5.html b/game5.html
index 4bf2c64..3f7bebc 100644
--- a/game5.html
+++ b/game5.html
@@ -339,6 +339,7 @@
}
})
$('.nextBtn').on('touchstart', function() {
+ $('.nextBtn').css({'transform':'scale(.9)','right':'-5px'})
clickState = true;
chooseIndex = null;
$('.sureBtn').fadeIn();
@@ -356,6 +357,9 @@
'background-size': '100% 100%',
})
+ }).on('touchend',function(e){
+ $('.nextBtn').css({'transform':'scale(1)','right':'0px'})
+
})
function end() {
diff --git a/img/gjIcon.png b/img/gjIcon.png
new file mode 100644
index 0000000..23c72b9
Binary files /dev/null and b/img/gjIcon.png differ
diff --git a/index.html b/index.html
index 5cba613..f36d515 100644
--- a/index.html
+++ b/index.html
@@ -8,10 +8,7 @@
-
-
-
@@ -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 @@
+
+
请打开手机工具栏
+
点亮“禁止屏幕转动”功能后开始浏览
+
+
@@ -156,8 +158,6 @@