---------------------------------------------------------b.htm<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link href="../css/style.css" rel="stylesheet" type="text/css">
<script language="JavaScript">
function showDetail(field) {
if (field.childNodes[0].childNodes[0] != null) {
window.open("basicInfoTZbShhModifyTMain.jsp?zbId=" + field.childNodes[0].childNodes[0].nodeValue, "rightFrame");
}
}
</script>
</head><body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0" bgcolor="#EAE4C2" text="#000000">
<table width="325" border="0" align="center">
<tr>
<td>
<table width="320" cellspacing="1" bgcolor="#0000cc">
<tr align="center" class='tdtitlebackground'>
<td width="80">代 码</td>
<td width="80">名 称</td>
<td width="80">型 号</td>
<td width="80">配发时间</td>
</tr>
</table>
<DIV style="position:relative;top:-1px;width:336px;height:120px;overflow-x:auto;overflow-y:auto">
<table width="320" cellspacing="1" id="dataTable">
<tr ondblclick="showDetail(this)">
<td style="display:none;">100</td>
<td width="80"></td>
<td width="80">桑塔纳</td>
<td width="80">桑塔纳普通型卧车</td>
<td width="80">1996-01-01</td>
</tr>
<tr ondblclick="showDetail(this)">
<td style="display:none;">120</td>
<td width="80"></td>
<td width="80">桑塔纳</td>
<td width="80">桑塔纳普通型卧车</td>
<td width="80">1999-06-14</td>
</tr>
<tr ondblclick="showDetail(this)">
<td style="display:none;">121</td>
<td width="80"></td>
<td width="80">桑塔纳</td>
<td width="80">桑塔纳普通型卧车</td>
<td width="80">1999-01-01</td>
</tr>
<tr ondblclick="showDetail(this)">
<td style="display:none;">122</td>
<td width="80"></td>
<td width="80">桑塔纳</td>
<td width="80">桑塔纳普通型卧车</td>
<td width="80">1999-01-01</td>
</tr>
<tr ondblclick="showDetail(this)">
<td style="display:none;">3384</td>
<td width="80"></td>
<td width="80">桑塔纳</td>
<td width="80">桑塔纳普通型卧车</td>
<td width="80">1996-06-17</td>
</tr>
<tr ondblclick="showDetail(this)">
<td style="display:none;">3450</td>
<td width="80"></td>
<td width="80">桑塔纳</td>
<td width="80">桑塔纳普通型卧车</td>
<td width="80">1996-06-27</td>
</tr>
<tr ondblclick="showDetail(this)">
<td style="display:none;">3699</td>
<td width="80"></td>
<td width="80">桑塔纳</td>
<td width="80">桑塔纳普通型卧车</td>
<td width="80">1997-03-03</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</body>
</html>---------------------------
style.css里#dataTable td {
behavior:url(../htc/tdBehavior.htc)
}
----------------------------------tdBehavior.htc<public:component>
<public:attach event="onmouseover" onevent="mouseOver()"/>
<public:attach event="onmouseout" onevent="mouseOut()"/>
<script language=javascript>
function mouseOver(){
this.bgColor="#B9DAFB";
}function mouseOut(){
this.bgColor="#FCFCFC";
}
</script>
</public:component>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link href="../css/style.css" rel="stylesheet" type="text/css">
<script language="JavaScript">
function showDetail(field) {
if (field.childNodes[0].childNodes[0] != null) {
window.open("basicInfoTZbShhModifyTMain.jsp?zbId=" + field.childNodes[0].childNodes[0].nodeValue, "rightFrame");
}
}
</script>
</head><body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0" bgcolor="#EAE4C2" text="#000000">
<table width="325" border="0" align="center">
<tr>
<td>
<table width="320" cellspacing="1" bgcolor="#0000cc">
<tr align="center" class='tdtitlebackground'>
<td width="80">代 码</td>
<td width="80">名 称</td>
<td width="80">型 号</td>
<td width="80">配发时间</td>
</tr>
</table>
<DIV style="position:relative;top:-1px;width:336px;height:120px;overflow-x:auto;overflow-y:auto">
<table width="320" cellspacing="1" id="dataTable">
<tr ondblclick="showDetail(this)">
<td style="display:none;">100</td>
<td width="80"></td>
<td width="80">桑塔纳</td>
<td width="80">桑塔纳普通型卧车</td>
<td width="80">1996-01-01</td>
</tr>
<tr ondblclick="showDetail(this)">
<td style="display:none;">120</td>
<td width="80"></td>
<td width="80">桑塔纳</td>
<td width="80">桑塔纳普通型卧车</td>
<td width="80">1999-06-14</td>
</tr>
<tr ondblclick="showDetail(this)">
<td style="display:none;">121</td>
<td width="80"></td>
<td width="80">桑塔纳</td>
<td width="80">桑塔纳普通型卧车</td>
<td width="80">1999-01-01</td>
</tr>
<tr ondblclick="showDetail(this)">
<td style="display:none;">122</td>
<td width="80"></td>
<td width="80">桑塔纳</td>
<td width="80">桑塔纳普通型卧车</td>
<td width="80">1999-01-01</td>
</tr>
<tr ondblclick="showDetail(this)">
<td style="display:none;">3384</td>
<td width="80"></td>
<td width="80">桑塔纳</td>
<td width="80">桑塔纳普通型卧车</td>
<td width="80">1996-06-17</td>
</tr>
<tr ondblclick="showDetail(this)">
<td style="display:none;">3450</td>
<td width="80"></td>
<td width="80">桑塔纳</td>
<td width="80">桑塔纳普通型卧车</td>
<td width="80">1996-06-27</td>
</tr>
<tr ondblclick="showDetail(this)">
<td style="display:none;">3699</td>
<td width="80"></td>
<td width="80">桑塔纳</td>
<td width="80">桑塔纳普通型卧车</td>
<td width="80">1997-03-03</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</body>
</html>---------------------------
style.css里#dataTable td {
behavior:url(../htc/tdBehavior.htc)
}
----------------------------------tdBehavior.htc<public:component>
<public:attach event="onmouseover" onevent="mouseOver()"/>
<public:attach event="onmouseout" onevent="mouseOut()"/>
<script language=javascript>
function mouseOver(){
this.bgColor="#B9DAFB";
}function mouseOut(){
this.bgColor="#FCFCFC";
}
</script>
</public:component>
解决方案 »
- JQuery中 属性选择器为什么有的有@有的没有呢?
- 求一个判断域名现实广告的js代码
- [图]如何在两个复选框中传递数据项
- execCommand
- 问大家一个有关表格的问题!
- 在线等,简单代码
- 使用window.open打开一个窗口后,如何关闭它?我是指如何在使用window.open的页面即父窗口关闭它?请进。。。
- js和VBSCRIPT数据互通的方法
- 如何判断你是否真的懂Javascrip的问题.
- jquery截取字符串
- fireEvent()与attachEvent()的区别. 外加cancelBubble
- http://asp2.6to23.com/eblab/mybbs/bbslist.asp 谁能破此密码????
好消息,迷失老大发贴了
http://expert.csdn.net/Expert/topic/2286/2286729.xml?temp=.342312
循环 + attachEvent()