В этой статье описывается принцип и реализация влияния принципа и метода переключения вкладок JavaScript. Поделитесь этим для вашей ссылки.
Конкретный метод реализации следующим образом:
Скопируйте код следующим образом: <html>
<голова>
<стиль типа = "text/css">
#Container {Border: Solid 1px green; ширина: 300px; высота: 300px;}
li {float: left; маржа-лето: 20px;}
p {float: left;}
#Sports,#военные,#bbs {display: none;}
</style>
<script type = "text/javascript">
вкладка функции (pid) {
var ps = ['news', 'sports', 'военный', 'bbs'];
for (var i = 0, len = ps.length; i <len; i ++) {
if (ps [i] == pid) {
document.getElementbyId (ps [i]). style.display = "block";
}еще{
document.getElementbyId (ps [i]). style.display = "none";
}
}
}
</script>
</head>
<тело>
<div id = "контейнер">
<ul>
<li onmouseover = "tab ('news');"> news </li>
<li onmouseover = "tab ('Sports');"> Sports </li>
<li onmouseover = "tab ('военный');"> военный </li>
<li onmouseover = "tab ('bbs');"> forum </li>
</ul>
<p id = "News"> Newsnews News </p>
<p id = "Sports"> спортивные спортивные спортивные спортивные спорты </p>
<p id = "военный"> военные военные военные </p>
<p id = "BBS"> Форум форумов форумы форумы </p>
</div>
</body>
</html>
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.