|
|
<!DOCTYPE html>
|
|
|
<html dir="ltr" lang="zh-CN">
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
<meta name="format-detection" content="telephone=no" />
|
|
|
<meta http-equiv="pragma" content="no-cache">
|
|
|
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
|
|
|
<meta http-equiv="expires" content="0">
|
|
|
<meta name="description" content="“我是党史记录人——红色少年行”">
|
|
|
<meta name="keywords" content="“我是党史记录人——红色少年行”">
|
|
|
<!-- <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" /> -->
|
|
|
<title>“我是党史记录人——红色少年行”</title>
|
|
|
<script src="skin/default/js/jquery-3.6.3.min.js" type="text/javascript"></script>
|
|
|
<link href="skin/default/css/animate.css" type="text/css" rel="stylesheet">
|
|
|
<link href="skin/default/css/css.css?v=1.1" rel="stylesheet" type="text/css">
|
|
|
<!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
|
|
|
<!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
|
|
|
<!--[if lt IE 9]>
|
|
|
<script src="/skin/default/js/html5shiv.min.js"></script>
|
|
|
<script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
|
|
|
<![endif]-->
|
|
|
<style>
|
|
|
html {
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
</style>
|
|
|
<script language="javascript">
|
|
|
var w = $(window).width();
|
|
|
var rem_scale = w/375*62.5;
|
|
|
document.write("<style>html {font-size: "+rem_scale+"%;}</style>");
|
|
|
</script>
|
|
|
</head>
|
|
|
<body>
|
|
|
<div class="sectionbox">
|
|
|
<div class="imgbox">
|
|
|
<img src="skin/default/images/index-words.png" class="t1">
|
|
|
<img src="skin/default/images/index-btn.png" class="t2" onclick="navigateTo()">
|
|
|
<img src="skin/default/images/index-img2.png" class="t3 animated fadeInUp">
|
|
|
<img src="skin/default/images/index-img1.png" class="t4 animated fadeInUp">
|
|
|
<img src="skin/default/images/index-img3.png" class="t5 animated fadeInUp">
|
|
|
<img src="skin/default/images/index-img4.png" class="t6 animated fadeInUp">
|
|
|
</div>
|
|
|
<div class="footer animated fadeInUp">
|
|
|
<p>主办单位：中共苏州市委党史工作办公室</p>
|
|
|
<p>承办单位：江苏有线苏州分公司</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
<script>
|
|
|
var h = $(window).height();
|
|
|
$(".sectionbox").css("height",h+'px');
|
|
|
|
|
|
setTimeout('t1show()',3000);
|
|
|
setTimeout('t2show()',3500);
|
|
|
function t2show(){
|
|
|
$(".t2").css("opacity","1");
|
|
|
$(".t2").addClass("animated pulse");
|
|
|
}
|
|
|
function t1show(){
|
|
|
$(".t1").addClass('act');
|
|
|
// $(".t1").css("animated pulse2");
|
|
|
}
|
|
|
|
|
|
function navigateTo() {
|
|
|
console.log('to')
|
|
|
parent.window.toMap();
|
|
|
}
|
|
|
</script>
|
|
|
</body>
|
|
|
</html>
|
