-
Notifications
You must be signed in to change notification settings - Fork 4
Expand file tree
/
Copy pathindex.html
More file actions
442 lines (441 loc) · 16.6 KB
/
index.html
File metadata and controls
442 lines (441 loc) · 16.6 KB
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
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="stylesheet" type="text/css" href="css/main.css"/>
<link rel="stylesheet" type="text/css" href="css/scroll.css"/>
<!-- 轮播的 -->
<link rel="stylesheet" type="text/css" href="css/zzsc.css">
<link rel="stylesheet" href="src/jquery.skidder.css">
<!-- <script src="js/jquery-3.4.1.js" type="text/javascript" charset="utf-8"></script> -->
<title>老年Jump--仿少年Jump</title>
</head>
<body>
<div id="top">
<a href="index.html"><img src="images/logo.png" alt="老年Jump"></a>
<ul class="top_boton">
<li><a href="" target="_blank">登录</a></li>
<li><a href="" target="_blank">注册</a></li>
</ul>
</div>
<div id="nav">
<ul>
<li><a href="zassi.html">杂志</a></li>
<li><a href="rensai.html">连载作品</a></li>
<li><a href="comics.html">漫画</a></li>
<li><a href="mangasho.html">漫画赏</a></li>
<li><a href="app.html">应用・游戏</a></li>
<li><a href="goods.html">商店・动漫</a></li>
<!-- <li><a href="link.html">链接</a></li> -->
<li><a href="404.html">链接</a></li>
</ul>
</div>
<div id="notice">
<div class="ticker" id="ticker">
<!-- <ul>
<li class="tickerId_0" style=""><a href="" class="scroll">每周老年Jump现已发售！</a></li>
<li class="tickerId_1" style="display: none;"><a href="">人类的命运由这4人掌握！？《AGRAVITY BOYS》新连载-第54页！！</a></li>
</ul> -->
<!-- 引入滑动css3 -->
<div class="scroll">
<span>每周老年Jump现已发售！</span>
</div>
</div>
</div>
<div id="banner">
<div id="banner_center">
<div id="banner_left">
<div id="banner_left_top" class="pub_top">本周的老年Jump No. 2 /特惠价格：290日元（含税）</div>
<a href="" id="banner_left_img"><img class="pub_img" src="images/public/mainImg_hyoushi.jpg" alt="老年Jump" style="width: 310px"></a>
<div class="Arrow_wj"><img src="images/public/Arrow_wj.png"></div>
<div id="banner_button">
<div class="button1"><a href="" target="_blank">购买或试读电子版</a></div>
<div class="button2"><a href="" target="_blank">点击定期订阅</a></div>
</div>
</div>
<div id="banner_right">
<div class="banner_right_zu">
<div class="banner_right_top pub_top">JumpGIGA<br>2019 SUMMER vol.3</div>
<a href="" class="banner_right_img"><img class="pub_img" src="images/public/newGiga.jpg" alt="老年Jump"></a>
<div class="right_Arrow_wj"><img src="images/public/Arrow_wj.png"></div>
</div>
<div class="banner_right_zu">
<div class="banner_right_top pub_top">最強Jump<br>1月号</div>
<a href="" class="banner_right_img"><img class="pub_img" src="images/public/newSaikyo.jpg" alt="老年Jump"></a>
<div class="right_Arrow_wj"><img src="images/public/Arrow_wj.png"></div>
</div>
<div class="banner_right_zu">
<div class="banner_right_top pub_top">最新漫画<br>12月4日(星期三)发售!</div>
<a href="" class="banner_right_img"><img class="pub_img" src="images/public/hinomaru028.jpg" alt="老年Jump"></a>
<div class="right_Arrow_wj"><img src="images/public/Arrow_wj.png"></div>
</div>
<div class="banner_right_zu">
<div class="banner_right_top pub_top">老年Jump<br>365日每日新作放送!</div>
<a href="" class="banner_right_img"><img class="pub_img" src="images/public/newPlus.jpg" alt="老年Jump"></a>
<div class="right_Arrow_wj"><img src="images/public/Arrow_wj.png"></div>
</div>
</div>
</div>
</div>
<div class="slider">
<div class="slider_center">
<div class="lianzai">JUMP连载内容!!</div>
<ul class="slider_img">
<li>
<a href=""><img class="pub_img" src="images/public/myhero_main_min.jpg" alt="我的英雄学院"></a>
<p>
<span>NEW!</span>
2019/12/04<br>
第20卷预定在02/04(星期二)发售！
</p>
</li>
<li>
<a href=""><img class="pub_img" src="images/public/drstone-re_main_min.jpg" alt="新石纪元"></a>
<p>
<span>NEW!</span>
2019/12/04<br>
第3回免费体验中！
</p>
</li>
<li>
<a href=""><img class="pub_img" src="images/public/onepiece_main_min.jpg" alt="航海王"></a>
<p>
<span>NEW!</span>
2019/12/04<br>
JC95卷将于12月28日发售！
</p>
</li>
<li>
<a href=""><img class="pub_img" src="images/public/bclover_main_min.jpg" alt="黑色三叶草"></a>
<p>
<span>NEW!</span>
2019/12/04<br>
第23卷将于01/04（周六）发售！
</p>
</li>
<li>
<a href=""><img class="pub_img" src="images/public/neverland_main_min.jpg" alt="尼泊兰德的约定"></a>
<p>
<span>NEW!</span>
2019/12/04<br>
第17卷将于01/04（周六）发售！
</p>
</li>
</ul>
<!-- 左右的图标 -->
<!-- <div class="slider_button_left"><img src="images/public/fukidashi1.png"></div>
<div class="slider_button_right"><img src="images/public/fukidashi2.png" ></div> -->
</div>
</div>
<div class="slider2">
<div class="slider2_center">
<div class="jumpmanga">12月份的JUMP漫画!</div>
<!-- 旧的 -->
<!-- <ul class="slider2_img">
<li>
<a href=""><img class="pub_img" src="images/public/hinomaru028.jpg"></a>
</li>
<li>
<a href=""><img class="pub_img" src="images/public/myhero025.jpg"></a>
</li>
<li>
<a href=""><img class="pub_img" src="images/public/yuragisou019.jpg"></a>
</li>
<li>
<a href=""><img class="pub_img" src="images/public/kimetsu018.jpg"></a>
</li>
<li>
<a href=""><img class="pub_img" src="images/public/act-age009.jpg"></a>
</li>
<li>
<a href=""><img class="pub_img" src="images/public/kamioyui003.jpg"></a>
</li>
</ul>
<div class="slider_button_left"><img src="images/public/fukidashi1.png"></div>
<div class="slider_button_right"><img src="images/public/fukidashi2.png" ></div> -->
<div class="slideshow" style="height: 0; margin-top:15px;overflow: hidden">
<div class="slide"><img src="images/month/1.jpg"></div>
<div class="slide"><img src="images/month/2.jpg"></div>
<div class="slide"><img src="images/month/3.jpg"></div>
<div class="slide"><img src="images/month/4.jpg"></div>
<div class="slide"><img src="images/month/5.jpg"></div>
<div class="slide"><img src="images/month/6.jpg"></div>
</div>
</div>
</div>
<div id="jump_news">
<div id="jump_new_center">
<div id="jump_new_c_left">
<div id="jump_new_c_left_top" class="pub_top">Jump新闻</div>
<div id="jump_new_c_left_content">
<ul id="jump_new_c_left_title">
<li id="now_new_li"><a href="javascript:void(0)" class="pub_select">最新的新闻</a></li>
<li id="site_update_new_li"><a href="javascript:void(0)">网站更新情报</a></li>
<li id="edit_new_li"><a href="javascript:void(0)">编辑部通知</a></li>
</ul>
<ul id="now_new" class="jump_new_c_left_list">
<li>
<a href="">
<img class="list_img pub_img" src="images/public/jump_logo.jpg">
<span class="list_span">
道歉和修正！ 周刊老年JUMP新年3号「龟体育」页内的作家名记载错误<br>
<time class="list_time">2019/12/16</time>
</span>
</a>
</li>
<li>
<a href="">
<img class="list_img pub_img" src="images/public/agravity.jpg">
<span class="list_span">
试读『AGRAVITY BOYS』『第1回Genadai版本3to1』。※期间限定放送。<br>
<time class="list_time">2019/12/16</time>
</span>
</a>
</li>
<li>
<a href="">
<img class="list_img pub_img" src="images/public/zipman.jpg">
<span class="list_span">
试读《ZIPMAN!!!》《002钢铁合体！！》。※期间限定放送。<br>
<time class="list_time">2019/12/16</time>
</span>
</a>
</li>
<li>
<a href="">
<img class="list_img pub_img" src="images/public/myhero5.jpg">
<span class="list_span">
总监修 堀越耕平老师《我的英雄学院THE MOVIE英雄：LIGING》12月20日（周五）全国预演！<br>
<time class="list_time">2019/12/16</time>
</span>
</a>
</li>
<li>
<a href="">
<img class="list_img pub_img" src="images/public/onepiece3.jpg">
<span class="list_span">
涉谷的街区将成为wana国！“TV动画《ONE PIECE》20周年纪念涉谷《wana国》计划” 最终日12月29日（星期日）与海棠大决战！！<br>
<time class="list_time">2019/12/16</time>
</span>
</a>
</li>
</ul>
<ul id="site_update_new" style="display: none;" class="jump_new_c_left_list">
<li>
<a href="">
<img class="list_img pub_img" src="images/public/sinsekai.jpg">
<span class="list_span">
第31届JUMP新世界漫画奖发表审查结果！准入选1部 & 佳作1部！！<br>
<time class="list_time">2019/12/16</time>
</span>
</a>
</li>
<li>
<a href="">
<img class="list_img pub_img" src="images/public/jump_comics.jpg">
<span class="list_span">
12月4日(星期三)发售!JUMP漫画12月期新刊一举6作品!<br>
<time class="list_time">2019/12/04</time>
</span>
</a>
</li>
<li>
<a href="">
<img class="list_img pub_img" src="images/public/sinsekai.jpg">
<span class="list_span">
第33届JUMP新世界漫画奖大募集！！12月期的审查员是《chensoman》的藤本Tatsuki老师！<br>
<time class="list_time">2019/12/02</time>
</span>
</a>
</li>
<li>
<a href="">
<img class="list_img pub_img" src="images/public/sinsekai.jpg">
<span class="list_span">
第32届JUMP新世界漫画奖公开讲座归档！！<br>
<time class="list_time">2019/12/02</time>
</span>
</a>
</li>
<li>
<a href="">
<img class="list_img pub_img" src="images/public/giga.jpg">
<span class="list_span">
12月4日(星期三)发售的Jump漫画信息更新!<br>
<time class="list_time">2019/12/16</time>
</span>
</a>
</li>
</ul>
<ul id="edit_new" style="display: none;" class="jump_new_c_left_list">
<li>
<a href="">
<!-- <img class="list_img" src="images/public/jump_logo.jpg"> -->
<span class="list_span">
道歉和修正！ 周刊老年JUMP新年3号「龟体育」页内的作家名记载错误<br>
<time class="list_time">2019/12/16</time>
</span>
</a>
</li>
<li>
<a href="">
<!-- <img class="list_img" src="images/public/agravity.jpg"> -->
<span class="list_span">
道歉和订正/周刊少年Jump1号「艺术家工作室大黑天通信」页内的刊载信息错误<br>
<time class="list_time">2019/12/16</time>
</span>
</a>
</li>
<li>
<a href="">
<!-- <img class="list_img pub_img" src="images/public/zipman.jpg"> -->
<span class="list_span">
周刊少年JUMP36・37合并号松井优征老师新作读完台词的更正和道歉<br>
<time class="list_time">2019/12/16</time>
</span>
</a>
</li>
<li>
<a href="">
<!-- <img class="list_img pub_img" src="images/public/myhero5.jpg"> -->
<span class="list_span">
周刊少年跳跃33号第次页的订正和道歉<br>
<time class="list_time">2019/12/16</time>
</span>
</a>
</li>
<li>
<a href="">
<!-- <img class="list_img pub_img" src="images/public/onepiece3.jpg"> -->
<span class="list_span">
《周刊少年JUMP 31号》（7月1日发售）关于读者悬赏页奖品记号不统一的道歉<br>
<time class="list_time">2019/12/16</time>
</span>
</a>
</li>
</ul>
</div>
</div>
<div id="jump_new_c_right">
<div class="jump_new_c_right_top pub_top">推荐情报</div>
<ul class="tuijianqingbao">
<li>
<a href=""><img class="pub_img" src="images/public/jfesta2020.png" alt=""></a>
<p>人气杂志举办的冬季祭典，将于2019年12月21日（周六）、12月22日（周日）举行</p>
</li>
<li>
<a href=""><img class="pub_img" src="images/public/jujutsu_gengaten.png" alt=""></a>
<p>2019年12月26日(星期四)《咒术回战》复制原画展交流祭在涉谷マルイ开幕！！</p>
</li>
<li>
<a href=""><img class="pub_img" src="images/public/bokuben.jpg" alt=""></a>
<p>主要演员第1期回顾 & 第2期乐趣座谈会</p>
</li>
<li>
<a href=""><img class="pub_img" src="images/public/daikokuten.png" alt=""></a>
<p>舞台「罗刹女」网站公开中！</p>
</li>
</ul>
<div style="width: 100%; height: 20px;background-color: #f3efe7; clear: both;"></div>
<div>
<div class="jump_new_c_right_top pub_top">漫画赏</div>
<ul class="tuijianqingbao">
<li>
<a href=""><img class="pub_img" src="images/public/gcup.png" alt=""></a>
<p>传说中的噱头漫画奖更新！12月31日(星期二)截止!</p>
</li>
<li>
<a href=""><img class="pub_img" src="images/public/bnr4.jpg" alt=""></a>
<p>第99回手冢奖 & 第92回赤塚奖投稿受理中！</p>
</li>
</li>
</ul>
</div>
</div>
</div>
<div id="button">
<p>
© SHUEISHA Inc. All rights reserved. <br>
本站数据的著作权归集英社或原作者及其他权利人。禁止擅自复制转载广播等。<br>
ABJ标志表示该电子书店·电子书籍送信服务是获得著作权者内容使用许可的正规版送信服务注册商标(注册号码第6091713号)。<br>
ABJ标志的详细，揭示ABJ标志的服务的一览这边https://aebs.or.jp/
</p>
</div>
</div>
<img src="images/tianyi.gif" id="tianyi">
<img src="images/public/returnTop.png" id="returnTop">
<!-- 轮播的 -->
<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="js/imagesloaded.js"></script>
<script src="js/smartresize.js"></script>
<script src="src/jquery.skidder.js"></script>
<script type="text/javascript">
$('.slideshow').each( function() {
var $slideshow = $(this);
$slideshow.imagesLoaded( function() {
$slideshow.skidder({
slideClass : '.slide',
animationType : 'css',
scaleSlides : true,
maxWidth : 300,
maxHeight: 238,
paging : true,
autoPaging : true,
pagingWrapper : ".skidder-pager",
pagingElement : ".skidder-pager-dot",
swiping : true,
leftaligned : false,
cycle : true,
jumpback : false,
speed : 400,
autoplay : false,
autoplayResume: false,
interval : 4000,
transition : "slide",
afterSliding : function() {},
afterInit : function() {}
});
});
});
$(window).smartresize(function(){
$('.slideshow').skidder('resize');
});
</script>
<!-- 底部导航jquery -->
<script type="text/javascript">
$(document).ready(function(){
// 底部导航点击
$('#jump_new_c_left_content>ul>li>a').click(function(){
$(this).addClass('pub_select');
$(this).parent('li').siblings('li').children('a').removeClass('pub_select');
$('.jump_new_c_left_list').hide(); //将3个都隐藏，然后下面根据点击的元素做显示
var name = $(this).parent('li')[0].id; //获取点击的id
var index =name.lastIndexOf("_"); //查找字符串，找到最后一个_
var zi = name.substr(0, index); //字符串从0到最后一个_
$('#' + zi).show();
});
// 返回顶部
$(window).scroll(function(){
console.log($(this).scrollTop());
if($(this).scrollTop() >= 100)
{
$('#returnTop').css({
'display': "block"
});
}
else
{
$('#returnTop').css({
'display': "none"
});
}
});
$('#returnTop').click(function(){
$(window).scrollTop(0);
});
});
</script>
</body>
</html>