Gunakan javascript untuk melaksanakan petua switching_javascript tab mudah

Kod ini agak ringkas dan mudah difahami, jadi tidak akan ada banyak perkara karut.

Beri saya kod terus:

Salin kod Kod adalah seperti berikut: *{ saiz fon: 14px;margin: 0px;} a{color:#a0b3d6;text-decoration: none;} .tabs{border:1px pepejal #a0b3d6;margin:100px;lebar:350px;} .tabs-nav a{background:#eaf0fd; line-height:30px;padding:0px 20px 0px 20px;display:inline-block;border-right:1px solid #a0b3d6;border-bottom:1px solid #a0b3d6; kiri;} .tabs-nav .on{background:white; border-bottom:1px solid white; .tabs-content{display: block; padding:20px;border-top:1px solid #a0b3d6; .tabs-content_hide{display: none;}

… > & Lt; a href = "javascript :;" & gt; teknologi & lt;/a & gt; & Lt; a href = "javaScript:;" & gt; life & lt;/a & gt; Homepage

Teknologi

Life

Berfungsi

------demo.js----------------

Salin kod

Kod adalah seperti berikut: