<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<title>铭记·南京1937</title>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<meta name="auther" content="cwj 15431" />
<script src="js/zepto.min.js"></script>
<script type="text/javascript">
function show(obj){
var divid=document.getElementById(obj);
divid.style.display="block";
}
function turnoff(obj){
var divid=document.getElementById(obj);
divid.style.display="none";
}
$(function(){
$('#wyxh img').click(function(){
$('#wyxh').addClass("s-last_active");
$('.s-last_06').css("display", "none");
setTimeout(function(){
$('#wyxh').removeClass("s-last_03");
$('#s-last_num').css("display", "block");
$('#wyxh').removeClass("s-last_active");
},4000);
})
//点击info任意处回到地图页
$(".info").click(function(){
$(this).hide();
})
})
</script>
</head>
<body>
<div class="swiper-container">
<div class="videobox"></div>
<div class="swiper-wrapper" id="scene">
<div class="swiper-slide slide0">
<div class="bg"><img src="images/bg_001.jpg" alt=""></div>
<div class="s-001_title"><img src="images/mj_1937.png" alt=""></div>
<div class="s-jiantou"><img src="images/jiantou.png" alt=""></div>
</div>
<div class="swiper-slide slide1">
<div class="bg"><img src="images/bg_002.jpg" alt=""></div>
<div class="s-002_text text">
<p>1937年12月13日，南京沦陷。<br>日军占领南京后，制造极端恐怖，<br>纵兵滥杀无辜。</p>
</div>
<div class="s-jiantou"><img src="images/jiantou.png" alt=""></div>
</div>
<div class="swiper-slide slide2">
<div class="bg"><img src="images/bg_002.jpg" alt=""></div>
<div class="s-003_map"><img src="images/map.jpg" alt=""></div>
<div class="s-003_ts"><img src="images/click_hy.png" alt="点击重温历史"></div>
<div id="s-003_frame01" class="flame"><a href="javascript:void(0)" onClick="show('s-003_info01')"><img src="images/flame.gif" alt="燕子矶"></a></div>
<div id="s-003_frame02" class="flame"><a href="javascript:void(0)" onClick="show('s-003_info02')"><img src="images/flame.gif" alt="草鞋峡"></a></div>
<div id="s-003_frame03" class="flame"><a href="javascript:void(0)" onClick="show('s-003_info03')"><img src="images/flame.gif" alt="鱼雷营"></a></div>
<div id="s-003_frame04" class="flame"><a href="javascript:void(0)" onClick="show('s-003_info04')"><img src="images/flame.gif" alt="中山码头"></a></div>
<div id="s-003_frame05" class="flame"><a href="javascript:void(0)" onClick="show('s-003_info05')"><img src="images/flame.gif" alt="太平门"></a></div>
<div id="s-003_frame06" class="flame"><a href="javascript:void(0)" onClick="show('s-003_info06')"><img src="images/flame.gif" alt="汉中门"></a></div>
<div id="s-003_frame07" class="flame"><a href="javascript:void(0)" onClick="show('s-003_info07')"><img src="images/flame.gif" alt="江东门"></a></div>
<div id="s-003_frame08" class="flame"><a href="javascript:void(0)" onClick="show('s-003_info08')"><img src="images/flame.gif" alt="中华门"></a></div>
<div class="s-jiantou"><img src="images/jiantou.png" alt=""></div>
<div id="s-003_info01" class="info">
<div class="info_bg"><img src="images/info_bg.jpg" ></div>
<div class="info_img"><img src="images/info_01.jpg" ></div>
<div class="info_js">
<h3>燕子矶</h3><p>1937年12月，3万多名解除武装的士兵和2万多平民，避聚于燕子矶江滩，求渡北逃。被日舰封锁，后又被大队日军包围后，以机枪横扫，惨遭杀害，总数达5万余人。</p>
</div>
<div class="info_close"><a href="javascript:void(0)" onClick="turnoff('s-003_info01')">关闭</a></div>
</div>
<div id="s-003_info02" class="info">
<div class="info_bg"><img src="images/info_bg.jpg" ></div>
<div class="info_img"><img src="images/info_02.jpg" ></div>
<div class="info_js"><h3>草鞋峡</h3><p>1937年12月18日，侵华日军将被拘囚于幕府山下的难民和被俘军人5.7万余人，用铅丝捆绑，驱至下关草鞋峡，先用机枪扫射，又用刺刀戳毙，最后浇煤油纵火焚烧，残骸弃入长江。</p></div>
<div class="info_close"><a href="javascript:void(0)" onClick="turnoff('s-003_info02')">关闭</a></div>
</div>
<div id="s-003_info03" class="info">
<div class="info_bg"><img src="images/info_bg.jpg" ></div>
<div class="info_img"><img src="images/info_03.jpg" ></div>
<div class="info_js"><h3>鱼雷营</h3><p>1937年12月15日，侵华日军将已解除武装的守城官兵和南京平民9000余人，押至鱼雷营，以机枪集体射杀。同月，日军在鱼雷营、宝塔桥一带再次杀害我军民3万余人，尸曝于野长达数月。</p></div>
<div class="info_close"><a href="javascript:void(0)" onClick="turnoff('s-003_info03')">关闭</a></div>
</div>
<div id="s-003_info04" class="info">
<div class="info_bg"><img src="images/info_bg.jpg" ></div>
<div class="info_img"><img src="images/info_04.jpg" ></div>
<div class="info_js"><h3>中山码头</h3><p>在这里被侵华日军惨杀者，达万人以上。1937年12月16日傍晚，日军从避居于原华侨招待所难民中，捕获所谓有"当兵"嫌疑者5000余人，押解于此，用机枪集体射杀后弃尸江中。12月18日，日军又从避居于大方巷之难民中，搜捕青年4000余名押解至此，用机枪射杀。</p></div>
<div class="info_close"><a href="javascript:void(0)" onClick="turnoff('s-003_info04')">关闭</a></div>
</div>
<div id="s-003_info05" class="info">
<div class="info_bg"><img src="images/info_bg.jpg" ></div>
<div class="info_img"><img src="images/info_05.jpg" ></div>
<div class="info_js"><h3>太平门</h3><p>1937年12月13日，第十六师团三十三联队六中队等侵华日军部队在南京太平门附近，将约1300名放下武器的中国官兵及无辜市民集中起来，用铁丝网围住，用事先埋好的地雷炸、机枪扫射，再浇上汽油焚烧。</p></div>
<div class="info_close"><a href="javascript:void(0)" onClick="turnoff('s-003_info05')">关闭</a></div>
</div>
<div id="s-003_info06" class="info">
<div class="info_bg"><img src="images/info_bg.jpg" ></div>
<div class="info_img"><img src="images/info_06.jpg" ></div>
<div class="info_js"><h3>汉中门</h3><p>1937年12月15日下午，避难于国际安全区之平民和已解除武装之军警共2000余人，遭日军搜捕，被押赴汉中门外用机枪扫射杀害，其伤而未死者或乱刀补戳，或纵火活焚，尸骸蔽野，惨绝人寰。</p></div>
<div class="info_close"><a href="javascript:void(0)" onClick="turnoff('s-003_info06')">关闭</a></div>
</div>
<div id="s-003_info07" class="info">
<div class="info_bg"><img src="images/info_bg.jpg" ></div>
<div class="info_img"><img src="images/info_07.jpg" ></div>
<div class="info_js"><h3>江东门</h3><p>1937年12月16日，日军将已被解除武装的中国士兵和平民万余人押至江东门，以轻重机枪猛烈扫射，受害者相继倒卧于血泊之中。遗尸数月，才由南京慈善团体收尸万余具，掩埋于就近之两大土坑内，故称"万人坑"。</p></div>
<div class="info_close"><a href="javascript:void(0)" onClick="turnoff('s-003_info07')">关闭</a></div>
</div>
<div id="s-003_info08" class="info">
<div class="info_bg"><img src="images/info_bg.jpg" ></div>
<div class="info_img"><img src="images/info_08.jpg" ></div>
<div class="info_js"><h3>中华门</h3><p>1
HTML5+CSS3微场景源码15套.rar
需积分: 10 98 浏览量
2019-07-31
17:31:16
上传
评论
收藏 33.31MB RAR 举报
HTML5+CSS3微场景源码15套.rar （723个子文件） 
app.min.css 68KB animations.css 44KB animations.css 44KB animations.css 43KB live.css 29KB zywxer.css 24KB zywxer.css 24KB style.css 22KB wm.css 20KB main.css 20KB main.css 19KB jquery.mCustomScrollbar.css 14KB style.css 10KB index.css 8KB css.css 6KB default.date.css 5KB index.css 5KB default.css 4KB main.css 4KB page.css 3KB arrow.css 3KB idangerous.swiper.css 3KB default.time.css 3KB basic.css 2KB endpic.css 2KB load.css 881B reset.css 849B reset.css 848B reset.css 846B layout.css 299B Thumbs.db 71KB Thumbs.db 41KB
loading.gif 28KB loading_large.gif 13KB flame.gif 5KB load.gif 4KB load.gif 4KB load.gif 4KB yunlaiMap-loading.gif 2KB music.gif 955B wm.gif 334B
index.html 18KB index.html 17KB index.html 14KB index.html 13KB index.html 11KB index.html 10KB index.html 9KB index.html 7KB index.html 6KB index.html 6KB index.html 6KB index.html 5KB index.html 4KB index.html 2KB
five.jpg 966KB head.jpg 583KB 1.jpg 449KB 19.jpg 440KB 7.jpg 428KB 2.jpg 382KB 6.jpg 331KB 9.jpg 327KB 3.jpg 314KB 5.jpg 305KB 8.jpg 247KB 4.jpg 216KB 1417444973927.jpg 194KB 1417444973927.jpg 194KB 1417444951542.jpg 194KB 1417444951542.jpg 194KB 1417446627497.jpg 189KB 1417446627497.jpg 189KB 1.jpg 184KB foot.jpg 182KB 5.jpg 174KB 7.jpg 162KB 36.jpg 160KB 1417445050380.jpg 160KB 1417445050380.jpg 160KB n8.jpg 159KB 1417444888307.jpg 158KB 1417444888307.jpg 158KB 26-1.jpg 157KB e3.jpg 155KB 112504477.jpg 153KB 1417444904445.jpg 152KB 1417444904445.jpg 152KB n4.jpg 152KB zuihou.jpg 152KB 46.jpg 151KB 3.jpg 150KB bg-4-5.jpg 150KB 35.jpg 149KB 4.jpg 149KB fengdi2.jpg 148KB n11.jpg 147KB n5.jpg 145KB 41.jpg 143KB 2.jpg 143KB共 723 条
- 1
- 2
- 3
- 4
- 5
- 6
- 8
资源评论
