บทความนี้อธิบายถึงหลักการและผลกระทบการใช้งานหลักการและวิธีการสลับแท็บของ JavaScript แบ่งปันสำหรับการอ้างอิงของคุณ
วิธีการใช้งานเฉพาะมีดังนี้:
คัดลอกรหัสดังนี้: <html>
<head>
<style type = "text/css">
#Container {Border: Solid 1px Green; Width: 300px; ความสูง: 300px;}
Li {Float: ซ้าย; Margin-Left: 20px;}
p {ลอย: ซ้าย;}
#Sports,#Military,#bbs {display: none;}
</style>
<script type = "text/javascript">
แท็บฟังก์ชัน (PID) {
var ps = ['ข่าว', 'กีฬา', 'ทหาร', 'bbs'];
สำหรับ (var i = 0, len = ps.length; i <len; i ++) {
if (ps [i] == pid) {
document.getElementById (ps [i]). style.display = "block";
}อื่น{
document.getElementById (ps [i]). style.display = "ไม่มี";
-
-
-
</script>
</head>
<body>
<div id = "container">
<ul>
<li onMouseOver = "แท็บ ('ข่าว');"> ข่าว </li>
<li onMouseOver = "แท็บ ('กีฬา');"> กีฬา </li>
<li onmouseover = "แท็บ ('ทหาร');"> ทหาร </li>
<li onMouseOver = "tab ('bbs');"> ฟอรัม </li>
</ul>
<p id = "ข่าว"> NewsNews News </p>
<p id = "กีฬา"> กีฬากีฬากีฬา </p>
<p id = "ทหาร"> ทหารทหารทหาร </p>
<p id = "bbs"> ฟอรัมฟอรัมฟอรัมฟอรัมฟอรัม </p>
</div>
</body>
</html>
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน