Код переключения тега, который можно использовать для JS (JavaScript), может автоматически адаптироваться к ширине, и вы можете добавить и удалять блоки метки самостоятельно.
Кода -копия выглядит следующим образом:
<! Doctype html public "-// w3c // dtd html 4.01 transitional // en" "http://www.w3c.org/tr/1999/rec-html401-
19991224/ship.dtd ">
<Html xmlns = "http://www.w3.org/1999/xhtml"> <head>
<Meta name = "Keywords" content = "JS Code, Tab Tag, JS Advertising Code, JS Special Effect Code, Yuewei Caotang" />
<Title> Навигация по тегам для адаптивной ширины </title>
<Meta http-equiv = content-type content = "text/html; charset = gb2312">
<Стиль типа = текст/css>
Body {font-size: 14px;
Ol li {маржа: 8px}
#con {font-size: 12px;
#tags {Padding-Right: 0px;
Верх: 0px;
№
нет;
#tags li a {Padding-right: 10px;
Float: Lever;
никто}
#tags li.emptytag {anpure: нет прозрачного повторения прокрутки 0% 0%;
#tags li.selecttag
№
#TAGCONTENT {Padding-Right: 1px;
1px;
.tagcontent {Padding-Right: 10px;
Накладки: 10px;
#tagcontent div.selecttag {display: block}
</Style>
<Meta Content = "MSHTML 6.00.2800.1589" Имя = Генератор> </head>
<Тело>
<Div id = con>
<Ul id = теги>
<Li class = selecttag> <a onmouseover = "selectTag ('TagContent0', this)" href = "javascript: void (0)"> Tag 1 </a> </li>
<li> <a onmouseover = "selectTag ('TagContent1', this)" href = "javascript: void (0)"> Tag 2 </a> </li>
<li> <a onmouseover = "selecttag ('tagcontent2', this)" href = "javascript: void (0)"> теги с адаптивной шириной </a> </li>
<li> <a onmouseover = "selecttag ('tagcontent3', this)" href = "javascript: void (0)"> адаптивная ширина </a> </li>
</Ul>
<Div id = TagContent>
<Div class = TagContent id = tagContent0> Содержание первого тега </div>
<Div id = tagcontent1> Содержание второго тега </div>
<Div class = TagContent id = tagContent2> Содержание третьего тега </div>
<Div class = TagContent id = tagContent3> Содержание четвертого тега </div>
</Div>
</Div>
<Script type = text/javascript>
Функция SELECTTAG (ShowContent, SelfObj) {
// операционная метка
var Tag = document.getElementById ("Tags"). getElementsBytagName ("li");
var TagLength = Tag.Length;
for (i = 0; i <taglength; i ++) {
Tag [i] .classname = "";
}
selfobj.parentnode.classname = "selectTag";
// Операция содержимого
for (i = 0; j = document.getElementById ("TagContent"+i); i ++) {
j.style.display = "нет";
}
document.getElementById (ShowContent) .Style.Display = "block";
}
</Script>
</Body> </html>