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

提问网友发布时间：2025-01-13 13:02

声明：本网页内容为用户发布，旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。
E-MAIL:1656858193@qq.com

共4个回答

热心网友回答时间：2025-01-13 13:00

这种显示方式用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>

热心网友回答时间：2025-01-13 13:01

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

热心网友回答时间：2025-01-13 12:56

临时写的，比较粗糙，仅供参考，如果想灵活使用，最好是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>

热心网友回答时间：2025-01-13 12:57

不知所云

本文如未解决您的问题请添加抖音号：51dongshi（抖音搜索懂视），直接咨询即可。

已解决

等待解决

首页

互助专区

登录

注册

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