网页设计HTML问题

按照楼主的问题描述，我写了一段代码，楼主可以拷贝下来，修改一下显示的格式就能达到楼主的需要了（如果解决了问题记得给我加分哈）：

<!--下面是CSS样式部分，用来控制显示样式-->
<style type="text/css">
body{text-align:center}
td {font-size: 12px;}
.bottomline {BORDER-BOTTOM: #c3c3c3 1px solid}
.solidbox {BORDER: #c3c3c3 1px solid;width:466px}
}
</style>
<!--下面是使用javascript写的调用代码-->
<script>
var isStart=true;
var nn;
var tt;
nn=1;
setTimeout('change_img()',4000);

function setFocus(i)
{
if(tt) clearTimeout(tt);
nn = i;
selectLayer(i);
tt=setTimeout('change_img()',4000);
}
function selectLayer(i)
{
switch(i)
{
case 1:
document.getElementById("cglz").style.display="block";
document.getElementById("xxks").style.display="none";
break;
case 2:
document.getElementById("cglz").style.display="none";
document.getElementById("xxks").style.display="block";
break;
}
}
</script>

<!--*************************下面是要显示的两个栏目**************************-->

<!--成功励志事例栏目-->
<DIV id=cglz class=solidbox>
<TABLE cellSpacing=0 cellPadding=0 width="466" border=0>
<TBODY>
<TR>
<TD width="466" align=middle><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD align=middle width=100><STRONG>成功励志事例</STRONG></TD>
<TD width=19> </TD>
<TD class=bottomline align=middle width=85><a
href="javascript:setFocus(2);"><STRONG>学习考试资料</STRONG></A></TD>
<TD width=262> </TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
<TR>
<TD style="PADDING: 5px">这里写上【成功励志事例】的调用代码</TD>
</TR>
</TBODY>
</TABLE>
</div>

<!--学习考试资料栏目-->
<DIV id=xxks class=solidbox style="DISPLAY: none">
<table cellspacing=0 cellpadding=0 width="466" border=0>
<tbody>
<TR>
<TD width="466" align=middle><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD align=middle width=100><a
href="javascript:setFocus(1);"><STRONG>成功励志事例</STRONG></a></TD>
<TD width=19> </TD>
<TD class=bottomline align=middle width=85><a
href="javascript:setFocus(2);"><STRONG>学习考试资料</STRONG></A></TD>
<TD width=262> </TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
<TR>
<TD style="PADDING: 5px">这里写上【学习考试资料】的调用代码</TD>
</TR>
</tbody>
</table>
</div>

温馨提示：答案为网友推荐，仅供参考

当前网址：https://verywind.cn/ee/2yv32efx.html