求简单的网站显示脚本 “点击显示另一栏内容”

发布网友 发布时间：3小时前

我来回答

共4个回答

热心网友 时间：3小时前

这种显示方式用JS修改DIV的style.display属性就可以实现了
======================================================================
<script language="javascript">
function $(id)
{
return document.getElementById(id);
}
function showpanel(id)
{
switch (id)
{
case 1:
$("p1").style.display="block";
$("p2").style.display="none";
break;
case 2:
$("p2").style.display="block";
$("p1").style.display="none";
break;
}
}
</script>
<table border="1" width="200" height="100">
<tr>
<td width="50%" onclick="showpanel(1)" style="cursor:hand">标题1</td>
<td width="50%" onclick="showpanel(2)" style="cursor:hand">标题2</td>
</tr>
<tr>
<td colspan="2">
<div id="p1" width="200" style="display:block;">
内容1
aaaabbbbaaaabbbbaaaa
</div>
<div id="p2" width="200" style="display:none;">
内容2
bbbbaaaabbbbaaaabbbb
</div>
</td>
</table>
======================================================================
同样写的很粗糙~~~话说楼上的不兼容FF吧- -还有多打了个</span>

热心网友 时间：3小时前

刚刚想用JS脚本来辅助HTML代码写一小段的，看到上面的朋友已经给你写好了，我也不必要抢他的分了。需要他的不是很完美。把分给上楼的吧。

热心网友 时间：4小时前

临时写的，比较粗糙，仅供参考，如果想灵活使用，最好是JS、CSS和HTML相互配合使用。下面是简单代码：

<table border=1><tr>
<td onclick='t1.style.display="block";t2.style.display="none";'>显示T1，隐藏T2</td>
<td onclick='t1.style.display="none";t2.style.display="block";'>显示T2，隐藏T1</td>
</tr></table>
<table height=40 width=400 border=1 bgcolor=#efefef><tr><td>
<div id="t1">这是T1的内容</span></div>
<div id="t2" style="display:none;">这是T2的内容</div>
</td></tr></table>

热心网友 时间：4小时前

不知所云