41 lines
1.1 KiB
HTML
41 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="1.0, initial-scale=1.0">
|
|
<title>地图</title>
|
|
<style type="text/css">
|
|
html,body,iframe,#main{
|
|
width:100%;
|
|
height:100%;
|
|
border: none;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
overflow: hidden;
|
|
}
|
|
.nav{
|
|
position: absolute;
|
|
padding: 12px;
|
|
}
|
|
.nav .nav-item{
|
|
cursor: pointer;
|
|
color: #fff;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="nav">
|
|
<span class="nav-item" onclick="doNav('home.html')">泾河路网</span>
|
|
<span class="nav-item" onclick="doNav('map1.html')">医院</span>
|
|
<span class="nav-item" onclick="doNav('map2.html')">体育中心</span>
|
|
</div>
|
|
<div id="main">
|
|
<iframe src="home.html" id="if1"></iframe>
|
|
</div>
|
|
<script>
|
|
function doNav(url){
|
|
document.getElementById("main").outerHTML=`<iframe src="${url}?time=${+new Date()}" id="if1"></iframe>`;
|
|
}
|
|
</script>
|
|
</body>
|
|
</html> |