復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標(biāo)題文檔</title>
<META CONTENT="EditPlus">
<META CONTENT="">
<META CONTENT="">
<META CONTENT="">
<script type="text/javascript">
function ShowHide(obj){
var objin=obj.parentElement.parentElement.rows[1].style;
//var objin=obj.parentElement.parentElement.parentElement.rows[1].style;
objin.display=="none"?objin.display="block":objin.display="none";
}
</script>
</head>
<body>
<table cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td >Click Me!</td>
</tr>
<tr>
<td><table>
<tr>1111111111111111</tr>
<tr>2222222222222222</tr>
<tr>3333333333333333</tr>
<tr>4444444444444444</tr>
<tr>5555555555555555</tr>
</table></td>
</tr>
</tbody>
</table>
</BODY>
</HTML>
</body>
</html>
偶應(yīng)用event.srcElement把以前的一個代碼重寫了下，擴展了其功能，很簡單的一段代碼。
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標(biāo)題文檔</title>
<META CONTENT="EditPlus">
<META CONTENT="">
<META CONTENT="">
<META CONTENT="">
<script type="text/ecmascript">
function tdClick(){
if(event.srcElement.tagName.toLowerCase()=='td'){
alert("行:"+(event.srcElement.parentNode.rowIndex+1)+"列:"+(event.srcElement.cellIndex+1));
//alert("行:"+(event.srcElement.parentElement.rowIndex+1));
}
}
</script>
</head>
<body>
<table cellspacing="1" bordercolor="#000000" bordercolorlight="#000000" bordercolordark="#C0C0C0" bgcolor="#C0C0C0">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
窗體要呈現(xiàn)立體感時，需要兩個邊框為亮色，剩下兩個邊框為暗色。bordercolorlight和bordercolordark分別代表亮色和暗色。
新聞熱點
疑難解答
圖片精選
