Cet article décrit la mise en œuvre du principe et de l'effet du principe et de la méthode de commutation d'onglet JavaScript. Partagez-le pour votre référence.
La méthode de mise en œuvre spécifique est la suivante:
Copiez le code comme suit: <html>
<adal>
<style type = "text / css">
#Container {Border: Solid 1Px Green; Largeur: 300px; hauteur: 300px;}
li {float: gauche; marge-gauche: 20px;}
p {float: gauche;}
# Sports, # militaire, # bbs {affichage: aucun;}
</ style>
<script type = "text / javascript">
Onglet de fonction (pid) {
var ps = [«news», «sports», «militaire», «bbs»];
pour (var i = 0, len = ps.length; i <len; i ++) {
if (ps [i] == pid) {
document.getElementById (ps [i]). style.display = "bloc";
}autre{
document.getElementById (ps [i]). style.display = "Aucun";
}
}
}
</cript>
</ head>
<body>
<div id = "conteneur">
<ul>
<li onmouseover = "tab ('news');"> news </li>
<li onMouseOver = "Tab ('Sports');"> Sports </li>
<li onmouseover = "tab ('militaire');"> militaire </li>
<li onmouseover = "tab ('bbs');"> forum </li>
</ul>
<p id = "news"> News NewsNews News </p>
<p id = "Sports"> Sports sports sports sports </p>
<p id = "militaire"> militaire militaire militaire militaire </p> militaire militaire </p>
<p id = "bbs"> forum forum forum forum forum </p>
</div>
</docy>
</html>
J'espère que cet article sera utile à la programmation JavaScript de tous.