Artikel ini telah berbagi dengan Anda kode spesifik untuk JS untuk mengimplementasikan efek switching tab sederhana untuk referensi Anda. Konten spesifiknya adalah sebagai berikut
Kode switching tab JS:
<! Doctype html> <html> <head lang = "en"> <meta charset = "gb2312"> <itement> pertanyaan praktis- tab </title> <style type = "text/css"> *{margin: 0px; padding: 0px; } #tab {margin: 10px; } #tab ul {List-style: none; Tinggi: 36px; Border-Bottom: 2px solid black; Tampilan: Blok; } #tab ul li {float: left; Tampilan: blok inline; padding: 0px 15px; Tinggi: 34px; Line-Height: 34px; margin-kanan: 5px; Perbatasan: 1px solid #ccc; Border-Bottom: tidak ada; kursor: pointer; } #tab div {padding: 5px; Perbatasan: 1px solid #ccc; Border-Top: Tidak ada; } #tab ul li.on {border-top: 2px solid black; Border-Bottom: 2px solid white; } .hide {display: none; } </tyle> <script type = "text/javascript"> window.onload = function () {var mytab = document.getElementById ("tab"); var myul = mytab.getElementsbyTagname ("ul") [0]; var myli = myul.geteLementsByTagname ("li"); var myDiv = mytab.getElementsByTagname ("div"); // peringatan (myDiv.length) untuk (i = 0, len = myli.length; i <len; i ++) {myli [i] .index = i; myli [i] .onClick = function () {for (var n = 0; n <len; n ++) {myli [n] .className = ""; myDiv [n] .className = "hide"; } this.className = "on"; myDiv [this.index] .className = ""; }}} </script> </head> <body> <!-tata letak halaman html-> <div id = "tab"> <ul> <li> Real Estat </li> <li> Rumah </li> <li> Pembelian Rumah Tempat Tidur Kamar Tembakan 2,75 Juta untuk Membeli Kamar Tidur 2,75 Juta untuk Membeli Kamar Tidur 3,75 JUTAAN YUAN UNTUK PEMBELIAN 3,75 JUTAAN YUAN UNTUK PEMBELIAN 3,75 JUTAAN YUAN UNTUK PEMBELIAN 3,75 JUTAAN YUAN UNTUK PEMBELIAN Dua JUTAAN DEVOUS TEPAT MONEAN 2,75 JUTAAN UNTUK PEMBELIAN 2,75 JUTAAN UNTUK PEMBELIAN 2,75 JUTA 2,75 JUTA. yuan to purchase Anjia East Third Ring Road 1.4 million yuan to purchase 530,000 yuan to purchase 530,000 yuan to purchase East 5 Ring Road 50 square meters to reduce the current house of 5,000 yuan to purchase 5,000 yuan to purchase 5,000 yuan to buy 5,000 yuan to buy 5,000 yuan to buy 5,000 yuan to buy 5,000 yuan to buy 5,000 yuan to buy 5,000 yuan to buy 5,000 yuan to buy 5,000 yuan to buy 5,000 yuan to buy 5,000 yuan to buy 5,000 yuan to build a 300 yuan to buy 5,000 yuan to buy 5,000 yuan to buy 5,000 yuan to build a 300 yuan to buy 5,000 yuan to buy 5,000 yuan to build a 300 yuan to buy 5,000 yuan to buy 5,000 yuan to build a 300 yuan to buy 5,000 yuan to buy 5.000 yuan untuk membangun 300 yuan untuk Raja Bangunan di Taman Taman </SIV> <SEV> Rumah sewa 40 meter persegi direnovasi dan sarang gadis cantik yang dicampur. Classic Fresh dan Simple OU AI yang berumur 90 meter persegi ulang tahun diremajakan. Gaya Cina Baru. Dingin dan hangat. Warna kontras 66 meter persegi ubin rumah yang hidup seperti memilih desain cerobong kamar mandi istri yang baik. </div> <ver> tongzhou mewah 3 kamar tidur 2,6 juta. Cincin kedua langka 2 kamar tidur 2.50w. Barat 3 Ring Transparan 2 Kamar Tidur 2,9 juta. 1,3 juta. 2 kamar tidur. Pembelian terbatas Distrik Sekolah Dasar Huangchenggen hanya 2,6 juta. 1.21 meter persegi. 700.000 yuan! Eksklusif Villa 2,8 juta. Suzhou Bridge 2 Kamar Tidur Diskon Harga 2,48 juta. </div> </div> </body> </html>Di atas adalah semua konten artikel ini. Saya berharap ini akan membantu untuk pembelajaran semua orang dan saya harap semua orang akan lebih mendukung wulin.com.