changzheng
/
changzheng-H5
5
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

点击问题

master
Email 3 years ago
parent
0a5f7f4772
commit
429e31aff3
6 changed files with 71 additions and 40 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 23
      game1.html
  2. 22
      game2.html
  3. 22
      game3.html
  4. 22
      game4.html
  5. 22
      game5.html
  6. BIN
      img/close.png

23
game1.html
View File

@ -69,7 +69,7 @@
</div>
</div>
<script type="text/javascript">
var num = 0;
var num = [];
var leftArr = ['2%', '12%', '22%'];
var contList = [
'1935年1月，按照猴场会议作出的决定，红军开始向黔北地区挺近。而此时，横亘在他们面前的，是被称为“天险”的千里乌江和黔军的严密布防，身后是国民党的中央军步步紧逼。过不过得了乌江，关系红军存亡。1月1号到2号，抢渡乌江的战斗，在江界河渡口、龙溪回龙场渡口和茶山关渡口3个地方打响。由于江边所有的渡船和整块的木板都已经被敌军搜走，负责抢渡江界河渡口的红一军团第二师只能组织大家赶制竹筏渡江。',
@ -120,8 +120,10 @@
// $('.game1Index .click1').css('opacity', '0')
// }, 1000)
$('.game1Index .imgList li').eq(0).find('img').fadeOut(1500)
num++;
success();
if(num.indexOf('1')==-1){
num.push('1');
success();
}
})
$('.game1Index .click2').click(function() {
$('.game1Index .click2 img').css('display','block')
@ -135,8 +137,11 @@
// $('.game1Index .click2').css('opacity', '0')
// }, 1000)
$('.game1Index .imgList li').eq(1).find('img').fadeOut(1500)
num++;
success();
if(num.indexOf('2')==-1){
num.push('2');
success();
}
})
$('.game1Index .click3').click(function() {
$('.game1Index .click3 img').css('display','block')
@ -150,8 +155,10 @@
// $('.game1Index .click3').css('opacity', '0')
// }, 1000)
$('.game1Index .imgList li').eq(2).find('img').fadeOut(1500)
num++;
success();
if(num.indexOf('3')==-1){
num.push('3');
success();
}
})
$('.game1Index .closeIcon').click(function() {
$('.game1Index .book_box').fadeOut()
@ -160,7 +167,7 @@
})
function success() {
if(num == 3) {
if(num.length == 3) {
console.log('成功')
setTimeout(function() {
// $('.game1Index p.bgm img').attr('src', 'img/game1/successBgm.png')

22
game2.html
View File

@ -69,7 +69,7 @@
</div>
</div>
<script type="text/javascript">
var num2 = 0;
var num2 = [];
var contList2 = [
'1935年5月，北上抗日的红军向天险大渡河挺进。大渡河水流湍急，两岸都是高山峻岭，只有一座铁索桥可以通过。这座铁索桥，就是红军北上必须夺取的泸定桥。国民党反动派派了两个团防守泸定桥，阻拦红军北上；后来又调了两个旅赶去增援，妄想把我红军消灭在桥头上。我军早就看穿了敌人的诡计。28日早上，红四团接到上级命令：“29日早晨夺下泸定桥！”时间只剩下20多个小时了，红四团离泸定桥还有240里。',
'敌人的两个旅援兵正在对岸向泸定桥行进。抢在敌人前头，是我军战胜敌人的关键。红四团翻山越岭，沿路击溃了好几股阻击的敌人，到晚上7点钟，离泸定桥还有110里。战士们一整天没顾得上吃饭。天又下起雨来，把他们都淋透了。战胜敌人的决心使他们忘记了饥饿和疲劳。在漆黑的夜里，他们冒着雨，踩着泥水继续前进。忽然对岸出现了无数火把，像一条长蛇向泸定桥的方向奔去，分明是敌人的增援部队。',
@ -121,8 +121,10 @@
// $('.game2Index .click1').css('opacity', '0')
// }, 1000)
$('.game2Index .imgList li').eq(0).find('img').fadeOut(1500)
num2++;
success2();
if(num2.indexOf('1')==-1){
num2.push('1');
success2();
}
})
$('.game2Index .click2').click(function() {
$('.game2Index .click2 img').css('display','block')
@ -135,8 +137,10 @@
// $('.game2Index .click2').css('opacity', '0')
// }, 1000)
$('.game2Index .imgList li').eq(1).find('img').fadeOut(1500)
num2++;
success2();
if(num2.indexOf('2')==-1){
num2.push('2');
success2();
}
})
$('.game2Index .click3').click(function() {
$('.game2Index .click3 img').css('display','block')
@ -149,8 +153,10 @@
// $('.game2Index .click3').css('opacity', '0')
// }, 1000)
$('.game2Index .imgList li').eq(2).find('img').fadeOut(1500)
num2++;
success2();
if(num2.indexOf('3')==-1){
num2.push('3');
success2();
}
})
$('.game2Index .closeIcon').click(function() {
$('.game2Index .book_box').fadeOut()
@ -159,7 +165,7 @@
})
function success2() {
if(num2 == 3) {
if(num2.length == 3) {
console.log('成功')
setTimeout(function() {
$('.game2Index p.bgm img').eq(0).animate({

22
game3.html
View File

@ -69,7 +69,7 @@
</div>
</div>
<script type="text/javascript">
var num3 = 0;
var num3 = [];
var leftArr3 = ['2%', '12%', '22%'];
var contList3 = [
'1935年，在红军过草地时，指导员让老炊事班长照顾我们几个得胃病的同志走出草地。我们几个同志走不快，一天只能走二十里来路，很快就没了食物。有一次，老班长在水塘边洗衣服时，发现了几条鱼，老班长做了一个鱼钩把鱼钓了上来做给我们几个同志吃。我见老班长没吃鱼，他却说吃过了，我不信。于是等到他收拾完碗筷走后就悄悄跟着他，一看，只见老班长在吃我们几个吃剩的鱼骨头，嚼草根，艰难地硬咽下去，',
@ -120,8 +120,10 @@
// $('.game3Index .click1').css('opacity', '0')
// }, 1000)
$('.game3Index .imgList li').eq(0).find('img').fadeOut(1500)
num3++;
success3();
if(num3.indexOf('1')==-1){
num3.push('1');
success3();
}
})
$('.game3Index .click2').click(function() {
$('.game3Index .click2 img').css('display','block')
@ -134,8 +136,10 @@
// $('.game3Index .click2').css('opacity', '0')
// }, 1000)
$('.game3Index .imgList li').eq(1).find('img').fadeOut(1500)
num3++;
success3();
if(num3.indexOf('2')==-1){
num3.push('2');
success3();
}
})
$('.game3Index .click3').click(function() {
$('.game3Index .click3 img').css('display','block')
@ -148,8 +152,10 @@
// $('.game3Index .click3').css('opacity', '0')
// }, 1000)
$('.game3Index .imgList li').eq(2).find('img').fadeOut(1500)
num3++;
success3();
if(num3.indexOf('3')==-1){
num3.push('3');
success3();
}
})
$('.game3Index .closeIcon').click(function() {
$('.game3Index .book_box').fadeOut()
@ -158,7 +164,7 @@
})
function success3() {
if(num3 == 3) {
if(num3.length == 3) {
console.log('成功')
setTimeout(function() {
$('.game3Index p.bgm img').eq(0).animate({

22
game4.html
View File

@ -67,7 +67,7 @@
</div>
</div>
<script type="text/javascript">
var num4 = 0;
var num4 = [];
// var contList4 = [
// '飞夺泸定桥：1935年5月，北上抗日的红军向天险大渡河挺进。大渡河水流湍急，两岸都是高山峻岭，只有一座铁索桥可以通过。这座铁索桥，就是红军北上必须夺取的泸定桥。国民党反动派派了两个团防守泸定桥，阻拦红军北上；后来又调了两个旅赶去增援，妄想把我红军消灭在桥头上。我军早就看穿了敌人的诡计。28日早上，红四团接到上级命令：“29日早晨夺下泸定桥！”时间只剩下20多个小时了',
// '红四团离泸定桥还有240里。敌人的两个旅援兵正在对岸向泸定桥行进。抢在敌人前头，是我军战胜敌人的关键。红四团翻山越岭，沿路击溃了好几股阻击的敌人，到晚上7点钟，离泸定桥还有110里。战士们一整天没顾得上吃饭。天又下起雨来，把他们都淋透了。战胜敌人的决心使他们忘记了饥饿和疲劳。在漆黑的夜里，他们冒着雨，踩着泥水继续前进。忽然对岸出现了无数火把，像一条长蛇向泸定桥的',
@ -130,8 +130,10 @@
// $('.game4Index .click1').css('opacity', '0')
// }, 1000)
$('.game4Index .imgList li').eq(0).find('img').fadeOut(1500)
num4++;
success4();
if(num4.indexOf('1')==-1){
num4.push('1');
success4();
}
})
$('.game4Index .click2').click(function() {
$('.game4Index .click2 img').css('display','block')
@ -145,8 +147,10 @@
// $('.game4Index .click2').css('opacity', '0')
// }, 1000)
$('.game4Index .imgList li').eq(1).find('img').fadeOut(1500)
num4++;
success4();
if(num4.indexOf('2')==-1){
num4.push('2');
success4();
}
})
$('.game4Index .click3').click(function() {
$('.game4Index .click3 img').css('display','block')
@ -160,8 +164,10 @@
// $('.game4Index .click3').css('opacity', '0')
// }, 1000)
$('.game4Index .imgList li').eq(2).find('img').fadeOut(1500)
num4++;
success4();
if(num4.indexOf('3')==-1){
num4.push('3');
success4();
}
})
$('.game4Index .closeIcon').click(function() {
$('.book_box').fadeOut()
@ -172,7 +178,7 @@
})
function success4() {
if(num4 == 3) {
if(num4.length == 3) {
console.log('成功')
setTimeout(function() {
$('.game4Index p.bgm img').eq(0).animate({

22
game5.html
View File

@ -67,7 +67,7 @@
</div>
</div>
<script type="text/javascript">
var num5 = 0;
var num5 = [];
// var contList5 = [
// '飞夺泸定桥：1935年5月，北上抗日的红军向天险大渡河挺进。大渡河水流湍急，两岸都是高山峻岭，只有一座铁索桥可以通过。这座铁索桥，就是红军北上必须夺取的泸定桥。国民党反动派派了两个团防守泸定桥，阻拦红军北上；后来又调了两个旅赶去增援，妄想把我红军消灭在桥头上。我军早就看穿了敌人的诡计。28日早上，红四团接到上级命令：“29日早晨夺下泸定桥！”时间只剩下20多个小时了',
// '红四团离泸定桥还有240里。敌人的两个旅援兵正在对岸向泸定桥行进。抢在敌人前头，是我军战胜敌人的关键。红四团翻山越岭，沿路击溃了好几股阻击的敌人，到晚上7点钟，离泸定桥还有110里。战士们一整天没顾得上吃饭。天又下起雨来，把他们都淋透了。战胜敌人的决心使他们忘记了饥饿和疲劳。在漆黑的夜里，他们冒着雨，踩着泥水继续前进。忽然对岸出现了无数火把，像一条长蛇向泸定桥的',
@ -127,8 +127,10 @@ var video5 = document.getElementById("video5");
// $('.game5Index .click1').css('opacity', '0')
// }, 1000)
$('.game5Index .imgList li').eq(0).find('img').fadeOut(1500)
num5++;
success5();
if(num5.indexOf('1')==-1){
num5.push('1');
success5();
}
})
$('.game5Index .click2').click(function() {
$('.game5Index .click2 img').css('display','block')
@ -142,8 +144,10 @@ var video5 = document.getElementById("video5");
// $('.game5Index .click2').css('opacity', '0')
// }, 1000)
$('.game5Index .imgList li').eq(1).find('img').fadeOut(1500)
num5++;
success5();
if(num5.indexOf('2')==-1){
num5.push('2');
success5();
}
})
$('.game5Index .click3').click(function() {
$('.game5Index .click3 img').css('display','block')
@ -157,8 +161,10 @@ var video5 = document.getElementById("video5");
// $('.game5Index .click3').css('opacity', '0')
// }, 1000)
$('.game5Index .imgList li').eq(2).find('img').fadeOut(1500)
num5++;
success5();
if(num5.indexOf('3')==-1){
num5.push('3');
success5();
}
})
$('.game5Index .closeIcon').click(function() {
$('.book_box').fadeOut()
@ -169,7 +175,7 @@ var video5 = document.getElementById("video5");
})
function success5() {
if(num5 == 3) {
if(num5.length == 3) {
console.log('成功')
setTimeout(function() {
$('.game5Index p.bgm img').eq(0).animate({

BIN
img/close.png
View File

Before After
Width: 55  |  Height: 55  |  Size: 1.7 KiB Width: 55  |  Height: 55  |  Size: 1.7 KiB
Write Preview
Loading…
Cancel
Save