277 lines
4.4 KiB
HTML
277 lines
4.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<style>
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="ID1"><button onclick="showSection('ID2');">转到 ID2</button>这是 ID1 部分
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
</div>
|
|
<div id="ID2"><button onclick="showSection('ID3');">转到 ID3</button>这是 ID2 部分
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
</div>
|
|
<div id="ID3"><button onclick="showSection('ID4');">转到 ID4</button>这是 ID3 部分 1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
</div>
|
|
<div id="ID4"><button onclick="showSection('ID5');">转到 ID5</button>这是 ID4 部分 1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
</div>
|
|
<div id="ID5">这是 ID5 部分 1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
1231<br>
|
|
</div>
|
|
</body>
|
|
<script>
|
|
window.onload = function () {
|
|
const sections = document.querySelectorAll('div');
|
|
sections.forEach(section => {
|
|
if (section.id!== 'ID1') {
|
|
section.style.display = 'none';
|
|
}
|
|
});
|
|
};
|
|
|
|
function showSection(id) {
|
|
const sections = document.querySelectorAll('div');
|
|
sections.forEach(section => {
|
|
section.style.display = 'none';
|
|
});
|
|
document.getElementById(id).style.display = 'block';
|
|
}
|
|
</script>
|
|
</html> |