请问:鼠标放上去显示某一栏代码怎么写呢
日期：2014-05-17 浏览次数：21226 次
请教:鼠标放上去显示某一栏代码如何写呢?
象sina,163等网站首页的效果:例如sina首页导航下面左上角,鼠标放上去可以轮换显示,并可从数据库中读出数据的效果是怎么做的啊?希望能得到高手指教~~
------解决方案--------------------
<TABLE cellSpacing=4 cellPadding=0 width= "100% " border=0>
<TBODY>
<TR>
<TD align=left height=151>
<TABLE class=solid-bottom cellSpacing=0 cellPadding=0 width=400
border=0> <TBODY>
<TR>
<TD width=383 height=19>
<TABLE id=secTable cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD class=sec2 onmouseover=secBoard(0) align=middle
width=70> 测试1 </TD>
<TD class=sec1 onmouseover=secBoard(1) align=middle
width=120> 测试2 </TD>
<TD class=sec1 onmouseover=secBoard(2) align=middle
width=110> 测试3 </TD> </TR> </TBODY> </TABLE> </TD>
<TD width=17>
<SCRIPT language=JavaScript type=text/javascript>
function secBoard(n)
{
for(i=0;i <secTable.cells.length;i++)
secTable.cells[i].className= "sec1 ";
secTable.cells[n].className= "sec2 ";
for(i=0;i <mainTable.tBodies.length;i++)
mainTable.tBodies[i].style.display= "none ";
mainTable.tBodies[n].style.display= "block ";
}
</SCRIPT>
</TD> </TR> </TBODY> </TABLE>
<TABLE id=mainTable height=120 cellSpacing=5 cellPadding=0 width=400
border=0>
<TBODY style= "DISPLAY: block ">
<TR>
<TD height=120>
<TABLE cellSpacing=0 cellPadding=0 width= "100% " border=0>
<TBODY>
<TR>
<TD height=72> 测试1 </TD> </TR>
<TR>
<TD align=right height=22> 测试1 </TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY>
<TBODY style= "DISPLAY: none ">
<TR>
<TD height=120>
<TABLE cellSpacing=0 cellPadding=0 width= "100% " border=0>
<TBODY>
<TR>
<TD height=72> 测试2 </TD> </TR>
<TR>
<TD align=right height=22> 测试2 </TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY>
<TBODY style= "DISPLAY: none ">
<TR>
<TD height=120>
<TABLE cellSpacing=0 cellPadding=0 width= "100% " border=0>
<TBODY>
<TR>
<TD height=72> 测试3 </TD> </TR>
<TR>
<TD align=right height=22> 测试3 </TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY>
<TBODY style= "DISPLAY: none "> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE>
------解决方案--------------------
前段时间刚写过一个
<html>
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset
象sina,163等网站首页的效果:例如sina首页导航下面左上角,鼠标放上去可以轮换显示,并可从数据库中读出数据的效果是怎么做的啊?希望能得到高手指教~~
------解决方案--------------------
<TABLE cellSpacing=4 cellPadding=0 width= "100% " border=0>
<TBODY>
<TR>
<TD align=left height=151>
<TABLE class=solid-bottom cellSpacing=0 cellPadding=0 width=400
border=0> <TBODY>
<TR>
<TD width=383 height=19>
<TABLE id=secTable cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD class=sec2 onmouseover=secBoard(0) align=middle
width=70> 测试1 </TD>
<TD class=sec1 onmouseover=secBoard(1) align=middle
width=120> 测试2 </TD>
<TD class=sec1 onmouseover=secBoard(2) align=middle
width=110> 测试3 </TD> </TR> </TBODY> </TABLE> </TD>
<TD width=17>
<SCRIPT language=JavaScript type=text/javascript>
function secBoard(n)
{
for(i=0;i <secTable.cells.length;i++)
secTable.cells[i].className= "sec1 ";
secTable.cells[n].className= "sec2 ";
for(i=0;i <mainTable.tBodies.length;i++)
mainTable.tBodies[i].style.display= "none ";
mainTable.tBodies[n].style.display= "block ";
}
</SCRIPT>
</TD> </TR> </TBODY> </TABLE>
<TABLE id=mainTable height=120 cellSpacing=5 cellPadding=0 width=400
border=0>
<TBODY style= "DISPLAY: block ">
<TR>
<TD height=120>
<TABLE cellSpacing=0 cellPadding=0 width= "100% " border=0>
<TBODY>
<TR>
<TD height=72> 测试1 </TD> </TR>
<TR>
<TD align=right height=22> 测试1 </TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY>
<TBODY style= "DISPLAY: none ">
<TR>
<TD height=120>
<TABLE cellSpacing=0 cellPadding=0 width= "100% " border=0>
<TBODY>
<TR>
<TD height=72> 测试2 </TD> </TR>
<TR>
<TD align=right height=22> 测试2 </TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY>
<TBODY style= "DISPLAY: none ">
<TR>
<TD height=120>
<TABLE cellSpacing=0 cellPadding=0 width= "100% " border=0>
<TBODY>
<TR>
<TD height=72> 测试3 </TD> </TR>
<TR>
<TD align=right height=22> 测试3 </TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY>
<TBODY style= "DISPLAY: none "> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE>
------解决方案--------------------
前段时间刚写过一个
<html>
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
