复制代码代码如下:
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en">
<head>
<meta http-equiv = "content-type" content = "text /html ؛ charset = gb2312" />
<title> 点击切换和自动切换选项卡 </title>
<type type = "text/css">
*{قائمة القائمة: لا شيء ؛ الهامش: 0 ؛ الحشو: 0 ؛ تجاوز: مخفي}
.tab1 {width: 401px ؛ top-top:#a8c29f solid 1px ؛ border-bottom:#a8c29f solid 1px ؛ margin: 50px 200px ؛}
.Menu {Width: 400px ؛ الخلفية: #EEE ؛ الارتفاع: 28px ؛ اليمين الحدودي:#A8C29F Solid 1px ؛ Border-Bottom:#A8C29F Solid 1PX ؛}
li {float: left ؛ width: 99px ؛ text-align: center ؛ line-height: 28px ؛ leight: 28px ؛ cursor: pointer ؛ border-left:#a8c29f solid 1px ؛ color:#666 ؛ font-size: 14px ؛ verden}}
.Menudiv {العرض: 399px ؛ الارتفاع: 300px ؛ الحدود اليسارية:#A8C29F Solid 1px ؛ الحدود اليمين:#A8C29F Solid 1px ؛ الحدود: 0 ؛ الخلفية: #fefefe}
.Menudiv div {padding: 15px ؛ خط الارتفاع: 28px ؛}
.off {background:#e0e2eb ؛ color:#336699 ؛ font-weight: Bold}
</style>
<script type = "text/javaScript">
وظيفة settab (الاسم ، cursel) {
cursel_0 = cursel ؛
لـ (var i = 1 ؛ i <= links_len ؛ i ++) {
var menu = document.getElementById (name+i) ؛
var menudiv = document.getElementById ("con _"+name+"_"+i) ؛
if (i == cursel) {
menu.className = "Off" ؛
menudiv.style.display = "block" ؛
}
آخر{
menu.className = "" ؛
menudiv.style.display = "none" ؛
}
}
}
وظيفة Next () {
cursel_0 ++ ؛
if (cursel_0> links_len) cursel_0 = 1
SETTAB (name_0 ، cursel_0) ؛
}
var name_0 = 'One' ؛
var cursel_0 = 1 ؛
var links_len ، iintervalid ؛
onload = function () {
Links var = document.getElementById ("tab1"). getElementsByTagName ('li')
links_len = links.length ؛
لـ (var i = 0 ؛ i <links_len ؛ i ++) {
الروابط [i] .onmouseover = function () {
ClearInterval (iintervalid) ؛
}
}
document.getElementById ("con _"+name_0+"_"+links_len) .ParentNode.onmouseover = function () {
ClearInterval (iintervalid) ؛
}
SETTAB (name_0 ، cursel_0) ؛
}
</script>
</head>
<body>
<h3> </h3>
<div id = "tab1">
<viv>
<ul>
<li id = "One1" onClick = "Settab ('One' ، 1)"> 标签 1 </li>
<li id = "One2" onClick = "Settab ('One' ، 2)"> 标签 2 </li>
<li id = "One3" onClick = "Settab ('One' ، 3)"> 标签 3 </li>
<li id = "One4" onClick = "Settab ('One' ، 4)"> 标签 4 </li>
</ul>
</div>
<viv>
<div id = "con_one_1"> <h4 style = "color: red"> 标签 1- 内容 </h4> </viv>
<div id = "con_one_2" style = "display: none ؛"> <h4 style = "color: red"
<div id = "con_one_3" style = "display: none ؛"> <h4 style = "color: red"
<div id = "con_one_4" style = "display: none ؛"> <h4 style = "color: red"
</div>
</div>
</body>