บทช่วยสอน รูปแบบ jQuery EasyUI - เพิ่มแท็บเล่นอัตโนมัติ (แท็บ) ที่ดีที่สุดในปี 2024 ในบทช่วยสอนนี้ คุณสามารถเรียนรู้ ดาวน์โหลดตัวอย่าง jQuery EasyUI,
กวดวิชานี้จะแสดงวิธีการสร้างแท็บแบบอัตโนมัติ องค์ประกอบแท็บแสดงแผงแท็บแรกแล้วแสดงสองสาม th. เราจะเขียนโค้ดบางส่วนที่จะเปลี่ยนแผงแท็บโดยอัตโนมัติแล้วให้มันวงจร
<div id = "TT" class = "easyui แท็บ" style = "width: 330px; ความสูง: 270px;"> <div title = "Shirt1" style = "padding: 20px;"> <img src = "images / shirt1.gif"> </ div> <div title = "Shirt2" style = "padding: 20px;"> <img src = "images / shirt2.gif"> </ div> <div title = "Shirt3" style = "padding: 20px;"> <img src = "images / shirt3.gif"> </ div> <div title = "Shirt4" style = "padding: 20px;"> <img src = "images / shirt4.gif"> </ div> <div title = "Shirt5" style = "padding: 20px;"> <img src = "images / shirt5.gif"> </ div> </ div>
ดัชนี var = 0; var t = $ ( '# TT'); แท็บ var = t.tabs ( 'แท็บ'); setInterval (ฟังก์ชั่น () { t.tabs ( 'เลือก' แท็บ [ดัชนี] .panel ( 'ตัวเลือก') ชื่อเรื่อง.); ดัชนี ++; ถ้า (ดัชนี> = tabs.length) { ดัชนี = 0; } }, 3000);
ที่คุณสามารถดูเราเรียกวิธีการ 'แท็บ' จะได้รับทั้งหมดแผงแท็บและใช้ 'setInterval' ฟังก์ชั่นที่จะเปลี่ยนพวกเขา