-
Notifications
You must be signed in to change notification settings - Fork 0
/
test.html
242 lines (242 loc) · 18.2 KB
/
test.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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
<!DOCTYPE html>
<html>
<head lang="ru">
<meta charset="UTF-8">
<title></title>
<script src="js/resources.js" type="text/javascript"></script>
<link type="text/css" href="http://halvestown-rolka.googlecode.com/svn/trunk/css/book.css" rel="stylesheet">
</head>
<body style="background: darkgreen; background-size: cover;">
<script type="text/javascript">
var resourcesDomain = "http://halvestown-rolka.googlecode.com/svn/trunk/";
var urls = [resourcesDomain + 'js/book.js'];
var cb = new Callback("toggleAnimation");
cb.modeStrictly = true;
loadResourcesWithCallback(urls, cb);
</script>
<div> <br />
<br />
<br />
<h1 style="text-align:center"><a id="fire" style="color: rgb(50, 50, 50); text-shadow: 0px -1px 2px rgb(255, 255, 0), -1px -3px 3px rgb(255, 204, 0), 1px -5px 4px rgb(255, 153, 0), 1px -7px 5px rgb(255, 102, 0), 2px -9px 6px rgb(255, 51, 0), 4px -11px 7px rgb(255, 0, 0); text-decoration:none; font-weight:bolder;" title="halvestown.rolka.ru - исходный материал для создания сайта" href="http://halvestown.rolka.ru/">Вернуться на главную halvestown.rolka.ru</a> <br />
<strong style="color:black; text-shadow: 0 1px 2px #8a8a8a;">CSS3 книга с эффектом перелистывания страниц на halvestown.rolka.ru</strong></h1>
<br />
<br />
<br />
</div>
<div id="megaweb_su_book">
<!--CSS3 книга с эффектом перелистывания страниц от halvestown.rolka.ru-->
<div class="ebook" onclick="this.className=this.className">
<input type="checkbox" name="book" id="p1" />
<input type="checkbox" name="book" id="p2" />
<input type="checkbox" name="book" id="p3" />
<input type="checkbox" name="book" id="p4" />
<input type="checkbox" name="book" id="p5" />
<input type="checkbox" name="book" id="p6" />
<input type="checkbox" name="book" id="p7" />
<input type="checkbox" name="book" id="p8" />
<input type="checkbox" name="book" id="p9" />
<input type="checkbox" name="book" id="p10" />
<input type="checkbox" name="book" id="p11" />
<div class="cover"></div>
<div class="book">
<div class="p0 lp">
<div class="p0p lpi"><b></b>
<div class="text">
<p>Книга на CSS3<br />
Демонстрация поворота страницы<br />
от <a href="http://halvestown.rolka.ru/" title="halvestown.rolka.ru" style="text-decoration:none; color:#000">halvestown.rolka.ru</a></p>
</div>
</div>
</div>
<div class="p1 rp">
<div class="p1p rpi">
<div class="text">
<label for="p1"><img src="http://halvestown-rolka.googlecode.com/svn/trunk/img/vpered.png" alt="" /></label>
<p>
<a href="http://halvestown.rolka.ru/" title="halvestown.rolka.ru" style="text-decoration:none; color:#000">halvestown.rolka.ru</a><br />
<br />
<img src="http://halvestown-rolka.googlecode.com/svn/trunk/img/tzine.png" alt="" /> </p>
<span>- 1 -</span> </div>
</div>
</div>
<div class="p2 lp">
<div class="p2p lpi"><b></b>
<div class="text">
<label for="p1"><img src="http://halvestown-rolka.googlecode.com/svn/trunk/img/nazad.png" alt="" /></label>
<p>Уважайте текущий час и сегодняшний день!.. Уважайте каждую отдельную минуту, ибо умрет она и никогда не повторится... </p>
<span>- 2 -</span> </div>
</div>
</div>
<div class="p3 rp">
<div class="p3p rpi">
<div class="text">
<label for="p2"><img src="http://halvestown-rolka.googlecode.com/svn/trunk/img/vpered.png" alt="" /></label>
<p> Ваше время ограничено, не тратьте его, живя другой жизнью. Не попадайтесь на крючок вероучения, которое существует на мышлении других людей. Не позволяйте взглядам других заглушать свой собственный внутренний голос. И очень важно иметь мужество следовать своему сердцу и интуиции. Они, так или иначе, уже знают, что вы действительно хотите сделать. Все остальное - второстепенно. </p>
<span>- 3 -</span> </div>
</div>
</div>
<div class="p4 lp">
<div class="p5p lpi"><b></b>
<div class="text">
<label for="p2"><img src="http://halvestown-rolka.googlecode.com/svn/trunk/img/nazad.png" alt="" /></label>
<p> У старости есть свои удовольствия, не меньшие, чем удовольствия молодости. Старость находит удовлетворение в собственной совершенности. Она сбросила путы эгоизма. Душа, наконец-то ставшая свободной, радуется быстротечному мгновению, но не молит его помедлить. </p>
<span>- 4 -</span> </div>
</div>
</div>
<div class="p5 rp">
<div class="p5p rpi">
<div class="text">
<label for="p3"><img src="http://halvestown-rolka.googlecode.com/svn/trunk/img/vpered.png" alt="" /></label>
<p> Если в присутствии юноши или даже при одной мысли о нем у тебя ускоренно забилось сердце, если тебе захочется, чтобы юноша смотрел на тебя с удивлением и восхищением, считая тебя единственной в мире, - это означает: в тебе пробудилась Женщина, пробудилась Мать - творец новой жизни. С этой минуты началась для тебя новая жизнь. </p>
<span>- 5 -</span> </div>
</div>
</div>
<div class="p6 lp">
<div class="p6p lpi"><b></b>
<div class="text">
<label for="p3"><img src="http://halvestown-rolka.googlecode.com/svn/trunk/img/nazad.png" alt="" /></label>
<p> Мы живем в эпоху, когда расстояние от самых безумных фантазий до совершенно реальной действительности сокращается с невероятной быстротой. </p>
<span>- 6 -</span> </div>
</div>
</div>
<div class="p7 rp">
<div class="p7p rpi">
<div class="text">
<label for="p4"><img src="http://halvestown-rolka.googlecode.com/svn/trunk/img/vpered.png" alt="" /></label>
<p> Вспоминать о смерти - значит жить без мысли о ней. О смерти нужно не вспоминать, а спокойно, радостно жить с сознанием ее постоянного приближения. <span>- 7 -</span> </p>
</div>
</div>
</div>
<div class="p8 lp">
<div class="p8p lpi"><b></b>
<div class="text">
<label for="p4"><img src="http://halvestown-rolka.googlecode.com/svn/trunk/img/nazad.png" alt="" /></label>
<p> ...Но что же мне делать, если я наверное знаю, что в основании всех человеческих добродетелей лежит глубочайший эгоизм. И чем добродетельнее дело - тем более тут эгоизм. Люби самого себя - вот одно правило, которое я признаю. Жизнь - коммерческая сделка... <span>- 8 -</span> </p>
</div>
</div>
</div>
<div class="p9 rp">
<div class="p9p rpi">
<div class="text">
<label for="p5"><img src="http://halvestown-rolka.googlecode.com/svn/trunk/img/vpered.png" alt="" /></label>
<p> И почему это именно в старости человек следит за своими ощущениями и критикует свои поступки? Отчего бы в молодости ему не заниматься этим? Старость и без того невыносима... В молодости вся жизнь проходит бесследно, едва зацепляя сознание, в старости же каждое малейшее ощущение гвоздем сидит в голове и поднимает уйму вопросов. </p>
<span>- 9 -</span> </div>
</div>
</div>
<div class="p10 lp">
<div class="p10p lpi"><b></b>
<div class="text">
<label for="p5"><img src="http://halvestown-rolka.googlecode.com/svn/trunk/img/nazad.png" alt="" /></label>
<p> Мы твердо верим в то, что наступит, наконец, такое время, когда стыдно будет умирать человеку ранее ста лет. </p>
<span>- 10 -</span> </div>
</div>
</div>
<div class="p11 rp">
<div class="p11p rpi">
<div class="text">
<label for="p6"><img src="http://halvestown-rolka.googlecode.com/svn/trunk/img/vpered.png" alt="" /></label>
<p> Время, которое так быстротечно, время, уходящее безвозвратно, - вот драгоценнейшее достояние человека, и выбрасывать его на ветер есть самая изощренная форма расточительности. </p>
<span>- 11 -</span> </div>
</div>
</div>
<div class="p12 lp">
<div class="p12p lpi"><b></b>
<div class="text">
<label for="p6"><img src="http://halvestown-rolka.googlecode.com/svn/trunk/img/nazad.png" alt="" /></label>
<p> Книга - она вещь мертвая, ее как хочешь бери, рви, ломай - она не закричит... А жизнь, чуть ты по ней неверно шагнул, неправильно место в ней себе занял, - тысячью голосов заорет на тебя, да еще и ударит, с ног собьет. </p>
<span>- 12 -</span> </div>
</div>
</div>
<div class="p13 rp">
<div class="p13p rpi">
<div class="text">
<label for="p7"><img src="http://halvestown-rolka.googlecode.com/svn/trunk/img/vpered.png" alt="" /></label>
<p> В молодости все силы направлены на будущее, и будущее это принимает такие разнообразные, живые и обворожительные формы под влиянием надежды, основанной не на опытности прошедшего, а на воображаемой возможности счастия, что одни понятые и разделенные мечты о будущем счастии составляют уже истинное счастие этого возраста. </p>
<span>- 13 -</span> </div>
</div>
</div>
<div class="p14 lp">
<div class="p14p lpi"><b></b>
<div class="text">
<label for="p7"><img src="http://halvestown-rolka.googlecode.com/svn/trunk/img/nazad.png" alt="" /></label>
<p> История человеческого труда и творчества гораздо интереснее и значительнее истории человека, - человек умирает, не прожив и сотни лет, а дело его живет века. </p>
<span>- 14 -</span> </div>
</div>
</div>
<div class="p15 rp">
<div class="p15p rpi">
<div class="text">
<label for="p8"><img src="http://halvestown-rolka.googlecode.com/svn/trunk/img/vpered.png" alt="" /></label>
<p> Бывает так, что на горизонте мелькнут журавли, слабый ветер донесет их жалобный крик, а через минуту, с какой жадностью ни вглядывайся в синюю даль, не увидишь ни точки, ни услышишь ни звука - так точно люди с их лицами и речами мелькают в жизни и утопают в нашем прошлом, оставляя ничего больше, кроме ничтожных следов памяти. </p>
<span>- 15 -</span> </div>
</div>
</div>
<div class="p16 lp">
<div class="p16p lpi"><b></b>
<div class="text">
<label for="p8"><img src="http://halvestown-rolka.googlecode.com/svn/trunk/img/nazad.png" alt="" /></label>
<p> Жизнь коротка, путь искусства долог, удобный случай скоропреходящ, опыт обманчив, суждение трудно. Поэтому не только сам врач должен употреблять в дело все, что необходимо, но и больной, и окружающие, и все внешние обстоятельства должны способствовать врачу в его деятельности. </p>
<span>- 16 -</span> </div>
</div>
</div>
<div class="p17 rp">
<div class="p17p rpi">
<div class="text">
<label for="p9"><img src="http://halvestown-rolka.googlecode.com/svn/trunk/img/vpered.png" alt="" /></label>
<p> Когда яркое пламя любви перестает мерцать, веселее горит огонек привязанности; его-то легко поддерживать изо дня в день и даже усиливать по мере того, как приближается холодная смерть. </p>
<span>- 17 -</span> </div>
</div>
</div>
<div class="p18 lp">
<div class="p18p lpi"><b></b>
<div class="text">
<label for="p9"><img src="http://halvestown-rolka.googlecode.com/svn/trunk/img/nazad.png" alt="" /></label>
<p> Гимнастика, физические упражнения, ходьба должны прочно войти в повседневный быт каждого, кто хочет сохранить работоспособность, здоровье, полноценную и радостную жизнь. </p>
<span>- 18 -</span> </div>
</div>
</div>
<div class="p19 rp ">
<div class="p19p rpi">
<div class="text">
<label for="p10"><img src="http://halvestown-rolka.googlecode.com/svn/trunk/img/vpered.png" alt="" /></label>
<p> Я верю в жизнь, которая непрестанно отсекает отмершие органы и, возрождая материю, заживляет раны, верю в жизнь, которая, невзирая ни на что, среди разложения и смерти стремится к всеобщему здоровью и к непрерывному обновлению. </p>
<span>- 19 -</span> </div>
</div>
</div>
<div class="p20 lp">
<div class="p20p lpi"><b></b>
<div class="text">
<label for="p10"><img src="http://halvestown-rolka.googlecode.com/svn/trunk/img/nazad.png" alt="" /></label>
<p> От наших родителей мы получили величайший и бесценный дар - жизнь. Они вскормили и взрастили нас, не жалея ни сил, ни любви. И теперь, когда они стары и больны, наш долг - вылечить и выходить их! </p>
<span>- 20 -</span> </div>
</div>
</div>
<div class="p21 rp">
<div class="p21p rpi">
<div class="text">
<label for="p11"><img src="http://halvestown-rolka.googlecode.com/svn/trunk/img/vpered.png" alt="" /></label>
<p> Праздность и ничегонеделание влекут за собой порочность и нездоровье - напротив того, устремление ума к чему-либо приносит за собой бодрость, вечно направленную к укреплению жизни. </p>
<span>- 21 -</span> </div>
</div>
</div>
<div class="p22 lp">
<div class="p22p lpi"><b></b>
<div class="text">
<label for="p11"><img src="http://halvestown-rolka.googlecode.com/svn/trunk/img/nazad.png" alt="" /></label>
<p> Есть прекрасные деревья, которые до самых морозов сохраняют листву и после морозов до снежных метелей стоят зеленые. Они чудесны. Так и люди есть, перенесли все на свете, а сами становятся до самой смерти все лучше. </p>
<span>- 22 -</span> </div>
</div>
</div>
<div class="p23 rp">
<div class="p23p rpi"><b></b>
<div class="text">
<p> <a href="http://halvestown.rolka.ru/" title="halvestown.rolka.ru" style="text-decoration:none; color:#000">halvestown.rolka.ru</a> </p>
</div>
</div>
</div>
</div>
</div>
<!--CSS3 книга с эффектом перелистывания страниц от halvestown.rolka.ru-->
</div>
</body>
</html>