帮忙修改下简单的javascript代码 谢谢。

来源:百度知道 编辑:UC知道 时间:2024/05/30 20:10:39
我的网站布局较小,所以想利用脚本在一个大栏内放置两栏的内容。

一个大栏内有两主题。 想实现点击某一主题 显示内容就不同。要求两主题内容都在同一内容范围内。

下面的代码可以实现,但我不明白为什么不可以重要多次使用?(多个大栏)

我不懂javascript。。 所以想请教下大家。如何能把下面这代码重复使用... 谢谢了

我完全不懂javascrip,不好意思,所以请回答的大哥们修改整理好代码,完整的粘帖回答。 不要只言片语的回答。我完全不懂也不会修改。
我为这问题提问了两次了,就是因为有的只言片语回答。 谢谢了。
--------------------------------
<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>

<div >
<div onclick="showpanel(1)" >主题标题1</div>
<div onclick="showpanel(2)&qu

这个很简单,完全把你的改了,直接替换你上面那部分

--------------------------------
<script language="javascript">
function $(id)
{
return document.getElementById(id);
}
function showpanel(id)
{
switch (id)
{
case 1:
$("p1").style.display="block";
$("p2").style.display="none";
$("p3").style.display="none";
$("p4").style.display="none";
break;
case 2:
$("p2").style.display="block";
$("p1").style.display="none";
$("p3").style.display="none";
$("p4").style.display="none";
break;
case 3:
$("p3").style.display="block";
$("p2").style.display="none";
$("p1").style.display="none";
$("p4").style.display="no