[风雨者]

山高路远，风雨兼程！

用户操作

[即时聊天] [发私信] [加为好友]

伍子ID：letsflytogether

共81947次访问，排名1192(1)好友8人，关注者92人
一个非计算机专业毕业的，带着对计算机的热爱，如今从事在软件开发领域。我想，我已经证明了专业不应是我们就业的标尺。
除了软件开发，我的爱好还有篮球和美食。

letsflytogether的文章

原创 67 篇

翻译 0 篇

转载 58 篇

评论 117 篇

伍子的公告

    没有比人更高的山，
    没有比脚更长的路。
------------------------
    既然选择了远方，
    便只顾风雨兼程。
------------------------
    失败只有一种，
    就是半途而废。
------------------------
    天下难事必作于易，
    天下大事必作于细。
------------------------
    从用户的角度考虑，
    你就成功了一半。
------------------------
    谁也不能随随便便地成功，
    它来自彻底的自我管理和毅力。
------------------------

年月 [下月]　[上月]

最近评论

liusping：如果执行一个命令有返回值，这个返回值该如何处理？定义成Command 的一个字段吗？

sap99：www.sap99.com/,SAP99资料多多

SAP免费资料下载
http://www.sap99.com

有很多的学习资料，推荐一下，

cqg1220：机柜

badonly：原来模板技术是这样的！！！谢了~~~

apollosun：恭喜啊

女儿就是宝，享福了啊

我女儿现在虚岁4岁，太可爱了，我每天下班回家的感觉就象过节。

文章分类

收藏

相册

个人网站

技术网站

休闲娱乐

学习网站

ICXO

网页设计师

金桥译港世界通

友情链接

heiyeluren的Blog (RSS)

资源网站

存档

软件项目交易

订阅我的博客

行背景随鼠标动态变化表格的实现收藏

新一篇: 让php5支持mysql | 旧一篇: LINUX下安装WEBLOGIC

今天写一个功能，要对多个表格进行操作，需要一个类似于网上很流行的PowerTable的功能，但PowerTable是通过id进行绑定的，所以一个页面只能有一个，或许有办法改改以实现一个页面多个PowerTable，但还要先读懂别人的代码我也嫌麻烦。没办法，自己动手写一个。源代码附下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>船舶归类</title>
<link rel="stylesheet" href="{CSS}" type="text/css">
<style type="text/css">

</style></head>

<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
    <td width="25" align="center"><strong>自<br>
      <br>
    有<br>
    <br>
    船</strong></td>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td align="center"><strong>小灵便</strong></td>
        <td align="center"><strong>大灵便</strong></td>
        <td align="center"><strong>巴拿马</strong></td>
        <td align="center"><strong>好望角</strong></td>
        <td align="center"><strong>光租船</strong></td>
      </tr>
      <tr>
        <td><table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#333333" id="tab1">
          <tr>
            <td align="center" bgcolor="#CCCCCC">序号</td>
            <td align="center" bgcolor="#CCCCCC">代码</td>
            <td align="center" bgcolor="#CCCCCC">船名</td>
            <td align="center" bgcolor="#CCCCCC">载重吨</td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center" bgcolor="#CCCCCC">艘</td>
            <td align="center" bgcolor="#CCCCCC"> </td>
            <td align="center" bgcolor="#CCCCCC">载重吨</td>
            <td align="center" bgcolor="#CCCCCC"> </td>
          </tr>
        </table></td>
        <td><table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#333333" id="tab2">
          <tr>
            <td align="center" bgcolor="#CCCCCC">序号</td>
            <td align="center" bgcolor="#CCCCCC">代码</td>
            <td align="center" bgcolor="#CCCCCC">船名</td>
            <td align="center" bgcolor="#CCCCCC">载重吨</td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center" bgcolor="#CCCCCC">艘</td>
            <td align="center" bgcolor="#CCCCCC"> </td>
            <td align="center" bgcolor="#CCCCCC">载重吨</td>
            <td align="center" bgcolor="#CCCCCC"> </td>
          </tr>
        </table></td>
        <td><table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#333333" id="tab3">
          <tr>
            <td align="center" bgcolor="#CCCCCC">序号</td>
            <td align="center" bgcolor="#CCCCCC">代码</td>
            <td align="center" bgcolor="#CCCCCC">船名</td>
            <td align="center" bgcolor="#CCCCCC">载重吨</td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center" bgcolor="#CCCCCC">艘</td>
            <td align="center" bgcolor="#CCCCCC"> </td>
            <td align="center" bgcolor="#CCCCCC">载重吨</td>
            <td align="center" bgcolor="#CCCCCC"> </td>
          </tr>
        </table></td>
        <td><table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#333333" id="tab4">
          <tr>
            <td align="center" bgcolor="#CCCCCC">序号</td>
            <td align="center" bgcolor="#CCCCCC">代码</td>
            <td align="center" bgcolor="#CCCCCC">船名</td>
            <td align="center" bgcolor="#CCCCCC">载重吨</td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center" bgcolor="#CCCCCC">艘</td>
            <td align="center" bgcolor="#CCCCCC"> </td>
            <td align="center" bgcolor="#CCCCCC">载重吨</td>
            <td align="center" bgcolor="#CCCCCC"> </td>
          </tr>
        </table></td>
        <td><table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#333333" id="tab5">
          <tr>
            <td align="center" bgcolor="#CCCCCC">序号</td>
            <td align="center" bgcolor="#CCCCCC">代码</td>
            <td align="center" bgcolor="#CCCCCC">船名</td>
            <td align="center" bgcolor="#CCCCCC">载重吨</td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
            <td align="center"> </td>
          </tr>
          <tr>
            <td align="center" bgcolor="#CCCCCC">艘</td>
            <td align="center" bgcolor="#CCCCCC"> </td>
            <td align="center" bgcolor="#CCCCCC">载重吨</td>
            <td align="center" bgcolor="#CCCCCC"> </td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td align="center"><input name="btnAdd" type="button" id="btnAdd" value="添加">
          <input name="btnRemove" type="button" id="btnRemove" value="删除"></td>
        <td align="center"><input name="btnAdd2" type="button" id="btnAdd2" value="添加">
          <input name="btnRemove2" type="button" id="btnRemove2" value="删除"></td>
        <td align="center"><input name="btnAdd3" type="button" id="btnAdd3" value="添加">
          <input name="btnRemove3" type="button" id="btnRemove3" value="删除"></td>
        <td align="center"><input name="btnAdd4" type="button" id="btnAdd4" value="添加">
          <input name="btnRemove4" type="button" id="btnRemove4" value="删除"></td>
        <td align="center"><input name="btnAdd5" type="button" id="btnAdd5" value="添加">
          <input name="btnRemove5" type="button" id="btnRemove5" value="删除"></td>
      </tr>
    </table></td>
</tr>
</table>
<style>
.mouseOver
{
background:#0099FF;
}
.mouseOut
{
background-color:#FFFFFF;
}
.click
{
background-color:#0000FF;
}
</style>
<script>
function fnInitTab(tabid)
{
var tab=document.all(tabid);
fnSetTab(tab);
}
function fnSetTab(tab)
{
for(var i=1;i<tab.rows.length-1;i++)
{
  tab.rows[i].className="mouseOut";
  tab.rows[i].onmouseover=fnMouseOver;
  tab.rows[i].onmouseout=fnMouseOut;
  tab.rows[i].onclick=fnClick;
}
}
function fnMouseOver()
{
var ele=event.srcElement;
while(ele.tagName!="TR")
{
  ele=ele.parentElement;
}
ele.className="mouseOver";
}
function fnMouseOut()
{
var ele=event.srcElement;
while(ele.tagName!="TR")
{
  ele=ele.parentElement;
}
ele.className="mouseOut";
}
function fnClick()
{
var ele=event.srcElement;
while(ele.tagName!="TR")
{
  ele=ele.parentElement;
}
fnSetTab(ele.parentElement.parentElement);
fnDo(ele);
ele.className="click";
ele.onmouseover=function(){};
ele.onmouseout=function(){};
ele.onclick=function(){};
}
function fnDo(ele)
{
//自定义代码
}
fnInitTab("tab1");
fnInitTab("tab2");
fnInitTab("tab3");
fnInitTab("tab4");
fnInitTab("tab5");

</script>
</body>
</html>

发表于 @ 2006年02月23日 15:17:00|评论(loading...)|编辑

新一篇: 让php5支持mysql | 旧一篇: LINUX下安装WEBLOGIC

评论：没有评论。

发表评论

姓名：
主页：
校验码：看不清,换一张

当前用户设置只有注册用户才能发表评论。如果你没有登录，请点击登录