Iven's profile春来江水绿如蓝PhotosBlogListsMore ![]() | Help |
|
26/10/2007 鼠标经过控制层的显示(js+div 和CSS+Div)<SCRIPT event=onmouseover for=article_sort>
var collTab = document.getElementsByName("article_sort"); var collPage = document.getElementsByName("article_sort_table"); for (var i = 0; i < collTab.length; i++) { if (collTab[i] == this) { collTab[i].background = "../images/07-gqj-xz1.gif"; collPage[i].style.display = "inline"; } else { collTab[i].background = "../images/07-wxz1.gif"; collPage[i].style.display = "none"; } } </SCRIPT> <TABLE> <TR> <TD id=article_sort background=../images/07-gqj-xz1.gif><a href="#">第一层</a></TD> <TD id=article_sort background=../images/07-wxz1.gif><a href="#">第二层</a></TD> <TD id=article_sort background=../images/07-wxz1.gif><a href="#">第三层</a></TD> </TR> </TABLE> <DIV id=article_sort_table style="DISPLAY: inline">第一层</DIV> <DIV id=article_sort_table style="DISPLAY: none">第二层</DIV> <DIV id=article_sort_table style="DISPLAY: none">第三层</DIV> <a href="#" onMouseOver="document.all.Layer1.style.visibility=''" onMouseOut="document.all.Layer2.style.visibility='hidden'">
1234567890</a><br></td> <td><a href="#" onMouseOver="document.all.Layer2.style.visibility=''" onMouseOut="document.all.Layer1.style.visibility='hidden'"> 1234567890</a> <div id="Layer1" style="visibility: hidden">11111111</div> <div id="Layer2" style="visibility: hidden">2222222</div> 24/10/2007 用层来做支持表格的文本框<div style="width:200;height:80;overflow-y:scroll;"> <table width=200 height=80 border=1px cellpadding="0" cellspacing="0" > <tr> <td> 表格1表格1表格1表格1表格1表格1表格1表格1表格1表格1 </td> <td> 表格2表格2表格2表格2表格2表格2表格2表格2表格2表格2 </td> </tr> <tr> <td> 表格3表格3表格3表格3表格3表格3表格3表格3表格3表格3 </td> <td> 表格4表格4表格4表格4表格4表格4表格4表格4表格4表格4 </td> </tr> </table> </div> |
|
|