บทความนี้อธิบายฟังก์ชั่นการแสดงผลหลายหน้าต่างของ JS เพียงแค่ใช้เอฟเฟกต์การสลับแท็บ แบ่งปันสำหรับการอ้างอิงของคุณดังนี้:
<div style = "text-allign: center; margin-top: 40px;"> <div> <span id = "newstab1" onmouseover = "settab ('newstab', 1,3)"> <a href = "###" target = "blank" <a href = "###" target = "_ blank"> รายงานสื่อ </a> </span> <span id = "newstab3" onmouseover = "settab ('newstab', 3,3)"> <a href = "###" เป้าหมาย <li> <span> 2015-09-09 </span> <a href = "###" target = "_ blank"> ใครขอให้คุณท่องน้ำหอมที่ตกลงมาจากน้ำที่ลอยอยู่ 1 </a> </li> <li> <pan> 2015-08-17 </span> 1 </a> </li> <li> <span> 2015-08-05 </span> <a href = "###" target = "_ blank"> ใครขอให้คุณท่องน้ำหอมที่ตกลงมา <li> <span> 2015-09-09 </span> <a href = "###" target = "_ blank"> ใครขอให้คุณท่องน้ำหอมที่ตกลงมาจากน้ำที่ลอยอยู่ 2 </a> </li> <li> <pan> 2015-08-17 </span> 2 </a> </li> </div> <div id = "con_newstab_3" style = "display: none;"> <ul> <li> <pan> 2015-09-09 </span> <a href = "###" <li> <lli> <li> href = "###" target = "_ blank"> ใครขอให้คุณท่องน้ำหอมที่ตกลงมาจากน้ำลอย 3 </a> </li> </div> </div> </div> <script type = "text/javascript"> ฟังก์ชั่น settab (ชื่อ cursel, n) {สำหรับ (i = 1; i <= n; var con = document.getElementById ("con _"+ชื่อ+"_"+i); menu.className = i == Cursel? "Hover": ""; con.style.display = i == cursel? "block": "none"; }} </script>ภาพการทำซ้ำ:
สำหรับข้อมูลเพิ่มเติมเกี่ยวกับเนื้อหาที่เกี่ยวข้องกับ JavaScript โปรดตรวจสอบหัวข้อของไซต์นี้: "สรุปอัลกอริทึมและทักษะการสำรวจ JavaScript", "บทสรุปของการสลับเอฟเฟกต์พิเศษและทักษะการค้นหา JavaScript ของ JavaScript โครงสร้างและทักษะอัลกอริทึม "และ" สรุปการใช้งานทางคณิตศาสตร์ของ JavaScript "
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน