lwenj
级别: 论坛版主
UID: 3
精华: 2
发帖: 237
威望: 242 点
金钱: 2410 RMB
贡献值: 0 点
注册时间:2007-05-17
最后登录:2008-12-11
楼主  发表于: 2007-07-18 18:21

 简单的div&css学习总结{phpma}

管理提醒:
本帖被 phpma 从 影视天地 移动到本区(2007-07-18)

今天、做了好久以前的,曾经想做出了效果,关于层的,特别是div & css 结合起来。也就是最近非常
流行于各大网站的老技术新用。以下是运行的效果代码,说真的,他在自己做出来之后就觉得非常简单,代码如下,真得非常的简单明了,我相信大家都很用一看懂……

<SCRIPT language=javascript>
<!-- 
  function secBoard2(n)  {
    for(i=0; i<secTable2.cells.length; i++){
      secTable2.cells.className="white14";
    }
    secTable2.cells[n].className="white14_a";

    for(i=0; i<mainTable2.tBodies.length; i++){
      mainTable2.tBodies.style.display="none";
    }
    mainTable2.tBodies[n].style.display="block";
  }
//-->
</SCRIPT>

运用:
<TABLE id="secTable2" >
        <TBODY>
          <TR>
            <TD  class="white14" onMouseOver="secBoard2(0)">>>国内</TD>
            <TD class="white14_a" onMouseOver="secBoard2(1)">>>国际</TD>
       <TD  class="white14_a" onMouseOver="secBoard2(2)">>>港台</TD>       
          </TR>
        </TBODY>
      </TABLE>

<table id="mainTable2">
       <tbody style="DISPLAY: block">
        <tr>
          <td ></td>
        </tr>
       </tbody>
       <tbody style="DISPLAY: none">
        <tr>
          <td></td>
        </tr>
       </tbody>
    <tbody style="DISPLAY: none">
        <tr>
          <td ></td>
        </tr>
    </tbody>
      </table>


以上的代码:其技术,就是目前——举例子:www.163.com主页用的类似代码,同时在这当中也该明白了一件事情,看是很复杂、很难懂得东西越是容易,当自己真正懂得时候就觉得非常简单,总之,一句老话,世上无难事,只怕有心人……
小窝:…… http://www.lwenj.cn ……