2007-09-13 17:28
2007-09-13 20:48
2007-09-14 02:26
这种就是div切换效果
[CODE]<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Div切换效果</title>
<style type="text/css">
<!--
a{
text-decoration:none;
text-transform:none;
}
.style1 {font-size: 55px}
.style2 {font-size: 16px}
-->
</style>
<script language="javascript">
<!--
function ShowDiv(idx)
{
this.DispDiv.innerHTML=this.dLayer[idx].innerHTML;
}
function Page_Load()
{
for(var i=0;i<this.dLayer.length;i++)
{
this.dLayer[i].style.display="none";
}
}
-->
</script>
</head>
<body onLoad="Page_Load();">
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<table width="324" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="324" height="14" valign="top"><span class="style2"><a href="#" onClick="this.blur();ShowDiv(0);" target="_self">第一层</a>|<a href="#" onClick="this.blur();ShowDiv(1);" target="_self">第二层</a>|<a href="#" onClick="this.blur();ShowDiv(2);" target="_self">第三层</a></span></td>
</tr>
<tr>
<td height="162" valign="top"><div id="DispDiv" ></div></td>
</tr>
</table>
<div id="dLayer" >
<table width="324" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="72" height="42"> </td>
<td width="186"> </td>
<td width="66"> </td>
</tr>
<tr>
<td height="66"> </td>
<td valign="center"><div align="center" class="style1">第一层</div></td>
<td> </td>
</tr>
<tr>
<td height="54"> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
<div id="dLayer" >
<table width="324" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="72" height="42"> </td>
<td width="186"> </td>
<td width="66"> </td>
</tr>
<tr>
<td height="66"> </td>
<td valign="center"><div align="center" class="style1">第二层</div></td>
<td> </td>
</tr>
<tr>
<td height="54"> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
<div id="dLayer" >
<table width="324" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="72" height="42"> </td>
<td width="186"> </td>
<td width="66"> </td>
</tr>
<tr>
<td height="66"> </td>
<td valign="center"><div align="center" class="style1">第三层</div></td>
<td> </td>
</tr>
<tr>
<td height="54"> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
</body>
</html>[/CODE]
2007-09-14 12:05
