急！！！网页制作中，当鼠标经过一个表格时，这表格会变大，当移走时表格又会变为原来那样！
急！！！网页制作中，当鼠标经过一个表格时，这表格会变大，当移走时表格又会变为原来那样！就例如我原来的表格内显示有3行字，当鼠标移动到该区域时就可以显示10行字！请高手指教...
急！！！网页制作中，当鼠标经过一个表格时，这表格会变大，当移走时表格又会变为原来那样！就例如我原来的表格内显示有3行字，当鼠标移动到该区域时就可以显示10行字！请高手指教啊。。。。。如果满意我会追加分数
最好是可以用DW来做！
为什么我把显示的表格增加高度，那个隐藏的表格却不会变高？？ 展开
最好是可以用DW来做！
为什么我把显示的表格增加高度，那个隐藏的表格却不会变高？？ 展开
1个回答
展开全部
你是想要这样的吗？
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<body>
head
<table id="t1" border="1" cellspacing="0" cellpadding="0" onmouseover="show()" onmouseout="hide()">
<tr>
<td>aaaaaaaaa</td>
</tr>
<tr>
<td>bbbbbbbbb</td>
</tr>
<tr>
<td>ccccccccc</td>
</tr>
</table>
bottom
</body>
</html>
<script language="JavaScript">
<!--
var data = ["dddddddd", "e", "fff", "gggggg", "hhhhh", "ii", "j"];
var _t = document.getElementById("t1");
function show() {
for (var i = 0; i < data.length; i++) {
var _tr = _t.insertRow(_t.rows.length);
var _td = _tr.insertCell();
_td.innerText = data[i];
}
}
function hide() {
for (var i = _t.rows.length; i > 3; i--) {
_t.rows[i - 1].removeNode(true);
}
}
//-->
</script>
不过这个效率太差了。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<body>
head
<table id="t1" border="1" cellspacing="0" cellpadding="0" onmouseover="show()" onmouseout="hide()">
<tr>
<td>aaaaaaaaa</td>
</tr>
<tr>
<td>bbbbbbbbb</td>
</tr>
<tr>
<td>ccccccccc</td>
</tr>
</table>
bottom
</body>
</html>
<script language="JavaScript">
<!--
var data = ["dddddddd", "e", "fff", "gggggg", "hhhhh", "ii", "j"];
var _t = document.getElementById("t1");
function show() {
for (var i = 0; i < data.length; i++) {
var _tr = _t.insertRow(_t.rows.length);
var _td = _tr.insertCell();
_td.innerText = data[i];
}
}
function hide() {
for (var i = _t.rows.length; i > 3; i--) {
_t.rows[i - 1].removeNode(true);
}
}
//-->
</script>
不过这个效率太差了。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
