one_web_task/app.html at master · ccquan/one_web_task · GitHub

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
<!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"/>
		<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" class="select_nav">应用・游戏</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="app">
			<div id="zassi_c">
				<div class="zassi_title">
					<span>应用·游戏</span>
				</div>
				<div class="zassi_content">
					<div class="app_list">
						<div class="rensai_img"><img class="pub_img" src="images/app/app_banner.jpg" alt=""></div>
						<div id="resai_content">
							<div id="rensai_top" class="pub_top">新着情報</div>
							<ul id="now_new rensai_hr" class="jump_new_c_left_list">
								<li>
									<a href="">
										<img class="list_img pub_img" src="images/app/kisekae.jpg">
										<span class="list_span">
											圣诞快乐★银世界的12月日历壁纸新到达！<br>
											<time class="list_time">2019/12/16</time>
										</span>
									</a>
								</li>
								<li>
									<a href="">
										<img class="list_img pub_img" src="images/app/kisekae.jpg">
										<span class="list_span">
											祝·剧场版公开决定★替换跳跃『鬼灭之刃』"复古艺术风"NEW壁纸&amp;图标组套新到!!<br>
											<time class="list_time">2019/12/16</time>
										</span>
									</a>
								</li>
								<li>
									<a href="">
										<img class="list_img pub_img" src="images/app/kisekae.jpg">
										<span class="list_span">
											秋色时尚♪新的11月日历壁纸！<br>
											<time class="list_time">2019/12/16</time>
										</span>
									</a>
								</li>
							</ul>
							<div id="rensai_top" class="pub_top">Jump应用</div>
								<ul class="jumpapp_list">
									<li>
										<img class="pub_img" src="images/app/app_icon_jumpplus.jpg" alt="">
										<p class="pub_app_p">老年Jump+</p>
										<a href="" class="app_ios">IOS</a><a href="" class="app_android">android</a><a href="" class="app_site">网站</a>
										<p class="app_p">免费阅读老年JUMP漫画的正式漫画杂志APP！原创作品也每日更新！</p>
									</li>
									<li>
										<img class="pub_img" src="images/app/app_jumpbookstore.jpg" alt="">
										<p class="pub_app_p">Jump BOOK商店!</p>
										<a href="" class="app_ios">IOS</a><a href="" class="app_android">android</a><a href="" class="app_site">网站</a>
										<p class="app_p">从连载中的人气作品到历代大热作品，JUMP漫画超过6000册！！限定数字版！超美丽的全彩作品也好评送信中!</p>
									</li>
									<li>
										<img class="pub_img" src="images/app/app_rookie.png" alt="">
										<p class="pub_app_p">Jump Rookie</p>
										<a href="" class="app_ios">IOS</a><a href="" class="app_android">android</a><a href="" class="app_site">网站</a>
										<p class="app_p">独立制作人作品4000话以上！流派完全自由！谁都可以连载！</p>
									</li>
									<li>
										<img class="pub_img" src="images/app/app_mawashiyomi.png" alt="">
										<p class="pub_app_p">Jumping cat</p>
										<a href="" class="app_ios">IOS</a><a href="" class="app_android">android</a><a href="" class="app_site">网站</a>
										<p class="app_p">漫画和周刊少年JUMP的背景号码，从MAP可以免费阅读的新AP诞生！</p>
									</li>
									<li>
										<img class="pub_img" src="images/app/app_kisekae.png" alt="">
										<p class="pub_app_p">きせかえJump</p>
										<a href="" class="app_ios">IOS</a><a href="" class="app_android">android</a><a href="" class="app_site">网站</a>
										<p class="app_p">用那个超受欢迎的"跳跃登场人物"们的【墙纸&amp;图标】，自由换智能手机!!在讲话应用能使用的"ONE PIECE装饰图章"也每天免费送信!</p>
									</li>
									<li>
										<img class="pub_img" src="images/app/app_op.png" alt="">
										<p class="pub_app_p">ONE PIECE</p>
										<a href="" class="app_ios">IOS</a><a href="" class="app_android">android</a><a href="" class="app_site">网站</a>
										<p class="app_p">使用Log每天1回以上全彩色能读『ONE PIECE』的正式门户应用。可以购买最新的信息和电子书。</p>
									</li>
									<li>
										<img class="pub_img" src="images/app/app_naruto.jpg" alt="">
										<p class="pub_app_p">火影忍者</p>
										<a href="" class="app_ios">IOS</a><a href="" class="app_android">android</a><a href="" class="app_site">网站</a>
										<p class="app_p">使用「查克拉」每天1回以上能读『NARUTO-鸣人-』全700话的正式门户应用程序。电子限定全彩版的选择和电子书籍也可以购买。</p>
									</li>
									<li>
										<img class="pub_img" src="images/app/app_gintama.jpg" alt="">
										<p class="pub_app_p">银魂</p>
										<a href="" class="app_ios">IOS</a><a href="" class="app_android">android</a><a href="" class="app_site">网站</a>
										<p class="app_p">能享乐『银魂』的全部的官方App登场！每天免费阅读『银魂』的漫画</p>
									</li>
									<li>
										<img class="pub_img" src="images/app/app_jojo.png" alt="">
										<p class="pub_app_p">JoJo的奇妙冒险</p>
										<a href="" class="app_ios">IOS</a><a href="" class="app_android">android</a><a href="" class="app_site">网站</a>
										<p class="app_p">每天『jojo的奇妙冒险』免费能读！并且可能培养那个自尊心高贵的「伊奇」!</p>
									</li>
								</ul>
						</div>
					</div>
				<div class="zassi_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>
			</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">
		<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
		<img src="images/public/returnTop.png" id="returnTop">
		<script type="text/javascript">
			$(function(){
				$(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>