JS 兑现div的切换
日期：2014-05-16 浏览次数：20360 次
JS 实现div的切换
?<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>莫得标题</title>
<style type="text/css">
ul{ list-style:none}
</style>
<SCRIPT language=JavaScript>
var nFocus = 0;
var bFlag = false;
var aLiTab, aDivTab;
function c1() {
var $ = function c($) {
return document.getElementById($);
};
aLiTab = $("oUlTab").getElementsByTagName("li");
aDivTab = [$("oDivTab1"), $("oDivTab2"), $("oDivTab100"), $("oDivTab3")];
for (var i = 0; i < aLiTab.length; i++) {
(
function(i)
{
var t = aLiTab[i];
t.onclick = function c() {
if (nFocus != i) {
aLiTab[nFocus].className = "";
aDivTab[nFocus].style.display = "none";
nFocus = i;
aLiTab[nFocus].className = "on";
aDivTab[nFocus].style.display = "";
}
bFlag = true;
};
t.onmouseout = function c() {
bFlag = false;
};
}
) (i);
}
};
</SCRIPT>
<script type="text/javascript">
window.onload = function() {
c1();
}
</script>
</head>
<body>
[align=top" st
?<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>莫得标题</title>
<style type="text/css">
ul{ list-style:none}
</style>
<SCRIPT language=JavaScript>
var nFocus = 0;
var bFlag = false;
var aLiTab, aDivTab;
function c1() {
var $ = function c($) {
return document.getElementById($);
};
aLiTab = $("oUlTab").getElementsByTagName("li");
aDivTab = [$("oDivTab1"), $("oDivTab2"), $("oDivTab100"), $("oDivTab3")];
for (var i = 0; i < aLiTab.length; i++) {
(
function(i)
{
var t = aLiTab[i];
t.onclick = function c() {
if (nFocus != i) {
aLiTab[nFocus].className = "";
aDivTab[nFocus].style.display = "none";
nFocus = i;
aLiTab[nFocus].className = "on";
aDivTab[nFocus].style.display = "";
}
bFlag = true;
};
t.onmouseout = function c() {
bFlag = false;
};
}
) (i);
}
};
</SCRIPT>
<script type="text/javascript">
window.onload = function() {
c1();
}
</script>
</head>
<body>
[align=top" st
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
