<div id="London" class="tabcontent">
  <h1>လန်ဒန်</h1>
  <p>လန်ဒန်သည် အင်္ဂလန်နိုင်ငံ၏ မြို့တော်ဖြစ်သည်。</p>

Paris

Paris is the capital of France.

ဒုတိယအစိတ် - အစ်စ်အက်စ် အသုံးပြုပါ:

နံပါတ် အချက်အလက် နှင့် အချက်အလက် အစိတ်အစိတ် ကို ဖုံးဖြိုးပါ:

/* ဖော်ပြခြင်း အချက်အလက် လုပ်ငန်း အက်ယ်ဒို ကို ဖုံးဖြိုး */
.tablink {
  background-color: #555;
  color: white;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  font-size: 17px;
  width: 25%;
}
/* ပြောင်းလဲသော အချက်အလက် အတိုင်းအတာ ပုံစံသတ်မှတ်ပါ */
.tablink:hover {
  background-color: #777;
}
/* လောက်ကွက်ပ်သုံးစွဲသော အခြေအနေ ပုံစံသတ်မှတ်ပါ */
.tabcontent {
  color: white;
  display: none;
  padding: 50px;
  text-align: center;
}
/* လောက်ကွက်ပ်သုံးစွဲသော အခြေအနေ အသုံးပြုပါ */
#London {background-color:red;}
#Paris {background-color:green;}
#Tokyo {background-color:blue;}
#Oslo {background-color:orange;}

သတ်မှတ်ချက် တတိယ - JavaScript ထပ်ပေးပါ

function openCity(cityName, elmnt, color) {
  // ပုံစံသတ်မှတ်သော class="tabcontent" အရာတိုင်း ပြီးပြတ်ပါ
  var i, tabcontent, tablinks;
  tabcontent = document.getElementsByClassName("tabcontent");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }
  // လောက်ကွက်ပ်သုံးစွဲသော နံပါတ်/အချက်အလက် အတိုင်းအတာ ဖြတ်တိုက်ပါ
  tablinks = document.getElementsByClassName("tablink");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].style.backgroundColor = "";
  }
  // အမှတ်ပြုသော လောက်ကွက်ပ်သုံးစွဲသော အခြေအနေကို ပြပါ
  document.getElementById(cityName).style.display = "block";
  // လောက်ကွက်ပ်သုံးစွဲသော နံပါတ်ကို ပုံစံသတ်မှတ်ပါ
  elmnt.style.backgroundColor = color;
}
// တွေ့ရှိသော id="defaultOpen" အရာကို ဖိတ်တွက်ပါ
document.getElementById("defaultOpen").click();

亲自试一试

CodeW3C.com 提供的内容仅用于培训和测试，不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。版权所有，保留一切权利。

关于 CodeW3C.com 帮助 CodeW3C.com 使用条款 隐私条款