Skip to content

Commit 19cb959

Browse files
yamamotomanabuyamamotomanabu
committed
パラパラ追加
1 parent b6b2424 commit 19cb959

File tree

7 files changed

+127
-54
lines changed

7 files changed

+127
-54
lines changed

‎bokusinngu.gif

28.5 KB
Loading

‎dorobou.gif

27.9 KB
Loading

‎image/dragon3.png

41.4 KB
Loading

‎index.html

+86-54
Original file line numberDiff line numberDiff line change
@@ -9,73 +9,105 @@
99
<link rel="stylesheet" href="main.css">
1010
<script src="jquery-1.11.2.min.js"></script>
1111
<style>
12-
#tamago {
13-
position: absolute;
14-
right : 120px;
15-
top : 80px;
16-
}
17-
#sukurannburueggu {
18-
position: absolute;
19-
right : 480px;
20-
top : -20px;
21-
}
22-
#tekisuto {
23-
position: absolute;
24-
right : 90px;
25-
top : 120px;
26-
}
27-
.dragon2, .dragon1 {
12+
#tamago {
13+
position: absolute;
14+
right: 120px;
15+
top: 80px;
16+
}
17+
18+
#sukurannburueggu {
19+
position: absolute;
20+
right: 480px;
21+
top: -20px;
22+
}
23+
24+
#nama {
25+
position: absolute;
26+
right: 550px;
27+
top: 150px;
28+
}
29+
30+
.tekisuto {
31+
position: absolute;
32+
right: 90px;
33+
top: 120px;
34+
}
35+
36+
.dragon2,
37+
.dragon1,
38+
.dragon3 {
2839
position: absolute;
2940
display: none;
3041
}
3142
</style>
3243
</head>
44+
3345
<body>
3446
<img src="image/Untitled.png" alt="" width="600">
3547
<div id="tamago">
36-
<a href="javascript:;" id="botann">
37-
<img class="dragon2" src="image/dragon2.png" alt="" >
38-
<img src="image/pic_index.png" alt="" width="200" id="img">
39-
</a>
40-
<div id="tekisuto">ゲーム
41-
42-
</div>
48+
<a href="javascript:;" id="botann">
49+
<img class="dragon2" src="image/dragon2.png" alt="">
50+
<img src="image/pic_index.png" alt="" width="200" id="img">
51+
</a>
52+
<div class="tekisuto">ゲーム
53+
54+
</div>
4355
</div>
4456
<div id="sukurannburueggu">
45-
<a href="javascript:;" id="suitti">
46-
<img class="dragon1" src="image/dragon1.png" alt="" >
47-
<img src="image/pic_index.png" alt="" width="200" id="imezi2">
48-
</a>
49-
<div id="tekisuto">本</div>
57+
<a href="javascript:;" id="suitti">
58+
<img class="dragon1" src="image/dragon1.png" alt="">
59+
<img src="image/pic_index.png" alt="" width="200" id="imezi2">
60+
</a>
61+
<div class="tekisuto">本</div>
62+
</div>
63+
<div id="nama">
64+
<a href="javascript:;" id="botann2">
65+
<img class="dragon3" src="image/dragon3.png" alt="">
66+
<img src="image/pic_index.png" alt="" width="200" id="imezi3">
67+
</a>
68+
<div class="tekisuto">パラパラマンガ</div>
5069
</div>
5170
<script>
52-
$().ready(function() {
53-
$("#botann").click(function() {
54-
$("#tamago").animate({
55-
top:"400px"
56-
}, 1000,function(){
57-
$("#img").delay(1000).attr("src","image/wareta_tamago.png");
58-
$('.dragon2').css('display','inline');
59-
setTimeout(function(){
60-
window.location="game.html";
61-
},1000);
62-
63-
});
64-
});
65-
$("#suitti").click(function() {
66-
$("#sukurannburueggu").animate({
67-
top:"400px"
68-
}, 1000,function(){
69-
$("#imezi2").delay(1000).attr("src","image/wareta_tamago.png");
70-
$('.dragon1').css('display','inline');
71-
setTimeout(function(){
72-
window.location="honn.html";
73-
},1000);
71+
$().ready(function () {
72+
$("#botann").click(function () {
73+
$("#tamago").animate({
74+
top: "400px"
75+
}, 1000, function () {
76+
$("#img").delay(1000).attr("src", "image/wareta_tamago.png");
77+
$('.dragon2').css('display', 'inline');
78+
setTimeout(function () {
79+
window.location = "game.html"
80+
}, 1000);
81+
82+
});
7483
});
75-
84+
$("#suitti").click(function () {
85+
$("#sukurannburueggu").animate({
86+
top: "400px"
87+
}, 1000, function () {
88+
$("#imezi2").delay(1000).attr("src", "image/wareta_tamago.png");
89+
$('.dragon1').css('display', 'inline');
90+
setTimeout(function () {
91+
window.location = "honn.html";
92+
}, 1000);
93+
});
94+
95+
});
96+
$("#botann2").click(function () {
97+
$("#nama").animate({
98+
top: "400px"
99+
}, 1000, function () {
100+
$("#imezi3").delay(1000).attr("src", "image/wareta_tamago.png");
101+
$('.dragon3').css('display', 'inline');
102+
setTimeout(function () {
103+
window.location = "paraparama.html";
104+
}, 1000);
105+
});
106+
107+
});
108+
76109
});
77-
78-
});
79110
</script>
80-
</body>
111+
</body>
112+
81113
</html>　

‎paraparama.html

+41
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
7+
<title>パラパラマンガ</title>
8+
<meta name="description" content="An interactive getting started guide for Brackets.">
9+
<link rel="stylesheet" href="main.css">
10+
<script src="jquery-1.11.2.min.js"></script>
11+
12+
</head>
13+
<body>
14+
<h1>釣り</h1>
15+
<img src="turi.gif" alt="" width="999">
16+
17+
<h1>泥棒</h1>
18+
<img src="dorobou.gif" alt="" width="999"
19+
20+
21+
22+
23+
24+
25+
26+
27+
28+
29+
30+
31+
32+
33+
34+
35+
36+
37+
38+
39+
40+
</body>
41+
</html>

‎syokumoturennsa.gif

33.9 KB
Loading

‎turi.gif

78.8 KB
Loading

0 commit comments

Comments
 (0)