-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·99 lines (98 loc) · 7.49 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<!DOCTYPE HTML>
<html lang="ja_JP">
<head>
<meta charset="UTF-8">
<title>JS Dojo</title>
<link rel="stylesheet" href="css/style.css"/>
<script src="js/jquery.js"></script>
<script src="js/index.js"></script>
</head>
<body>
<section class="container">
<header>
<h1>JS道場 無限スクロール Template</h1>
</header>
<!-- 無限スクロール -->
<div>
<ul class="article-list">
<li>
<div class="thumbnail">
<img src="http://placekitten.com/100/200?image=1" />
</div>
<div>
<h1>吾輩はぬこである(1)</h1>
<div> 吾輩わがはいは猫である。名前はまだ無い。<br/>
どこで生れたかとんと見当けんとうがつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪どうあくな種族であったそうだ。この書生というのは時々我々を捕つかまえて煮にて食うという話である。</div>
</div>
</li>
<li>
<div class="thumbnail">
<img src="http://placekitten.com/100/200?image=2" />
</div>
<div>
<h1>吾輩はぬこである(2)</h1>
<div>しかしその当時は何という考もなかったから別段恐しいとも思わなかった。ただ彼の掌てのひらに載せられてスーと持ち上げられた時何だかフワフワした感じがあったばかりである。掌の上で少し落ちついて書生の顔を見たのがいわゆる人間というものの見始みはじめであろう。</div>
</div>
</li>
<li>
<div class="thumbnail">
<img src="http://placekitten.com/100/200?image=3" />
</div>
<div>
<h1>吾輩はぬこである(3)</h1>
<div>この時妙なものだと思った感じが今でも残っている。第一毛をもって装飾されべきはずの顔がつるつるしてまるで薬缶やかんだ。その後ご猫にもだいぶ逢あったがこんな片輪かたわには一度も出会でくわした事がない。のみならず顔の真中があまりに突起している。そうしてその穴の中から時々ぷうぷうと煙けむりを吹く。どうも咽むせぽくて実に弱った。これが人間の飲む煙草たばこというものである事はようやくこの頃知った。</div>
</div>
</li>
<li>
<div class="thumbnail">
<img src="http://placekitten.com/100/200?image=4" />
</div>
<div>
<h1>吾輩はぬこである(4)</h1>
<div> この書生の掌の裏うちでしばらくはよい心持に坐っておったが、しばらくすると非常な速力で運転し始めた。書生が動くのか自分だけが動くのか分らないが無暗むやみに眼が廻る。胸が悪くなる。到底とうてい助からないと思っていると、どさりと音がして眼から火が出た。それまでは記憶しているがあとは何の事やらいくら考え出そうとしても分らない。</div>
</div>
</li>
<li>
<div class="thumbnail">
<img src="http://placekitten.com/100/200?image=5" />
</div>
<div>
<h1>吾輩はぬこである(1)</h1>
<div> 吾輩わがはいは猫である。名前はまだ無い。<br/>
どこで生れたかとんと見当けんとうがつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪どうあくな種族であったそうだ。この書生というのは時々我々を捕つかまえて煮にて食うという話である。</div>
</div>
</li>
<li>
<div class="thumbnail">
<img src="http://placekitten.com/100/200?image=1" />
</div>
<div>
<h1>吾輩はぬこである(2)</h1>
<div>しかしその当時は何という考もなかったから別段恐しいとも思わなかった。ただ彼の掌てのひらに載せられてスーと持ち上げられた時何だかフワフワした感じがあったばかりである。掌の上で少し落ちついて書生の顔を見たのがいわゆる人間というものの見始みはじめであろう。</div>
</div>
</li>
<li>
<div class="thumbnail">
<img src="http://placekitten.com/100/200?image=2" />
</div>
<div>
<h1>吾輩はぬこである(3)</h1>
<div>この時妙なものだと思った感じが今でも残っている。第一毛をもって装飾されべきはずの顔がつるつるしてまるで薬缶やかんだ。その後ご猫にもだいぶ逢あったがこんな片輪かたわには一度も出会でくわした事がない。のみならず顔の真中があまりに突起している。そうしてその穴の中から時々ぷうぷうと煙けむりを吹く。どうも咽むせぽくて実に弱った。これが人間の飲む煙草たばこというものである事はようやくこの頃知った。
</div>
</div>
</li>
<li>
<div class="thumbnail">
<img src="http://placekitten.com/100/200?image=3" />
</div>
<div>
<h1>吾輩はぬこである(4)</h1>
<div> この書生の掌の裏うちでしばらくはよい心持に坐っておったが、しばらくすると非常な速力で運転し始めた。書生が動くのか自分だけが動くのか分らないが無暗むやみに眼が廻る。胸が悪くなる。到底とうてい助からないと思っていると、どさりと音がして眼から火が出た。それまでは記憶しているがあとは何の事やらいくら考え出そうとしても分らない。</div>
</div>
</li>
</ul>
</div>
</section>
<div class="loading"></div>
</body>
</html>