高分求助一个JS控制DIV隐藏显示问题(滑动门)!

需要一个很简单的效果,复杂的请一边走,谢谢。具体内容是:三个DIV,他们的ID 都知道。需要鼠标滑过一个连接,有一个显示其他两个隐藏,同时在他前面的图标发生变化。同时用其他链接控制另外两个的掩藏显示。注:不需要用循环。只需要简单地,读取DIV ID 然后通过display 控制隐藏显示即可,对于图片,则直接改变路径就行,图片的id 为img1,img2,img3。div id为diva,divb,divc。
<div class="mid_huadong">
<div class="" id="cpzs">
<ul id="cpzs">
<li><a href="#">111111</a></li>
<li><a href="#">111111</a></li>
<li><a href="#">111111</a></li>
<li><a href="#">111111</a></li>
</ul>

<div class="" id="cfsb">
<ul id="cfsb">
<li><a href="#">222222</a></li>
<li><a href="#">222222</a></li>
<li><a href="#">222222</a></li>
<li><a href="#">222222</a></li>
</ul>
<div class="" id="hzhb">
<ul id="hzhb">
<li><a href="#">333333</a></li>
<li><a href="#">333333</a></li>
<li><a href="#">333333</a></li>
<li><a href="#">333333</a></li>
</ul>
</div>
</div>

<!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=gb2312" />
<title>制作树形菜单</title>
<style type="text/css">
body{font-size:13px;
line-height:20px;
}
a{font-size: 13px;
color: #000000;
text-decoration: none;
}
a:hover{font-size:13px;
color: #ff0000;
}
img {
vertical-align: middle;
border:0;
}
.no_circle{list-style:none;
}
</style>
<script type="text/javascript">
var openIndex = "";
function show(index){
var div="div" + index;
var img="img" + index;

if(openIndex!="" && openIndex!=index){
document.getElementById("div"+openIndex).style.display='none'; //如果有其他Div显示,则先关闭
document.getElementById("img"+openIndex).src="images/fclose.gif";
}
if(document.getElementById(div).style.display=='block'){
document.getElementById(div).style.display='none'; //触动的层如果处于显示状态,即隐藏
document.getElementById(img).src="images/fclose.gif";
openIndex="";
}
else{
document.getElementById(div).style.display='block'; //触动的层如果处于隐藏状态,即显示
document.getElementById(img).src="images/fopen.gif";
openIndex=index;
}
}
</script>
</head>

<body>
<b>树形菜单:</b><br>
<a href="javascript:onclick=show('1') "><img id="img1" src="images/fclose.gif">文学艺术</a><br>
<div id="div1" style="display:none">
<img src="images/doc.gif" >先锋写作<br>
<img src="images/doc.gif" >小说散文<br>
<img src="images/doc.gif" >诗风词韵<br>
</div>
<a href="javascript:onclick=show('2') "><img id="img2" src="images/fclose.gif">贴图专区</a><br>
<div id="div2" style="display:none">
<img src="images/doc.gif" >真我风采<br>
<img src="images/doc.gif" >视频贴图<br>
<img src="images/doc.gif" >行行摄摄<br>
<img src="images/doc.gif" >Flash贴图<br>
</div>
<a href="javascript:onclick=show('3') "><img id="img3" src="images/fclose.gif">房产论坛</a><br>
<div id="div3" style="display:none">
<img src="images/doc.gif" >我要买房<br<
<img src="images/doc.gif" >楼市话题<br>
<img src="images/doc.gif" >我要卖房<br>
<img src="images/doc.gif" >租房心语<br>
</div>
</body>
</html>
温馨提示:内容为网友见解,仅供参考
第1个回答  2012-05-13
代码贴上来撒追问

差不多类似于这样的

function init(){
document.getElementById("div1").style.display="none";
document.getElementById("div2").style.display="none";
}

追答

我是说把你的html代码发上来,这样直观些,不然不知道你的html是怎么写的

高分求助,JS高手进,帮忙去掉一个右下角弹出小窗口代码。
着查看下 超级兔子实现这个功能的原理,我感觉是用了注册表的信息,js也不例外,如果不行,就在防火墙里设置不允许访问这个网站吧。一般来说,应该没问题的呵。匿名 �0�2<span class="tm">7-17 22:28<\/span> <\/p> <div class="b bt2"><div class="bt bg1 ft"><img...

高分求助div+css
首先,这个问题没法单纯用css完美解决,先说ie的,height:100%;这个写法会让你的div与父级的高度相同,就表示你现在的写法是与body的高度一样,那你就没有办法达到紧贴bottom的效果。如果只做ie6的,那么在center加上padding-bottom:120px;可以达到你的效果。其他的就必须借助js了。如果你会jquery就更...

高分求助:asp javascript 由一个下拉菜单的值决定另一个下拉菜单的显示...
你好,在”\/\/alert(displayvalue); \/\/获取a菜单的值正常“的地方加入代码:document.getElementsByName("b")[0].style.display="none";就可以隐藏下拉框b了。

一个搜索页面中的关键字高亮显示问题,全部家档高分求助
\/\/将页面中的关键字高亮显示,在body的onload中使用 function HighLight(nWord){ if(nWord!=''){ var orange = document.body.createTextRange();while(orange.findText(nWord)){ orange.pasteHTML("<span style='color:red;'>" + orange.text + "<\/span>");orange.moveStart('character',1)...

高分求助!!!驱动程序在 \\Device\\Harddisk0\\D 上检测到控制器错误问题...
硬盘和数据线没有问题的话就是主板的问题。元件问题,线路问题,芯片问题,都可能引起。建议检查硬盘接线,替换硬盘数据线,替换硬盘,替换主板,进行排查。

[JS高分 JS特效求助]JS菜单特效
改好了`要优化`修改了HTML页面和其JS`CSS没动 <link href="css.css" rel="stylesheet" type="text\/css"> <script> <!-- var s=490;var minheight=52;var maxheight=200;function shoppingcat(obj){ var key = obj.innerText;var content=document.getElementById("content");if(content....

高分求助!!关于隐藏网上邻居中本地连接的问题
方法一:由于本地连接图标与系统的Netcfgx.dll、Netshell.dll、Netman.dll这三个动态链接文件有关,一旦将这三个动态链接文件反注册的话,那么本地连接图标就会被自动隐藏起来了。在反注册上面三个动态链接文件时,可以先打开系统运行框,并在其中输入字符串命令“regsvr32 Netcfgx.dll\/u”命令(其中regsvr32...

蓝屏问题,高分求助
1.如果Windows 还可以启动,检查“事件查看器”中显示的信息,确定引起问题的设备或驱动程序。 卸载有问题的设备或驱动,然后重新正确安装。2.关掉或禁用一些新安装的驱动程序,并删除新安装的附加程序。3.拆下一些新安装的硬件,如RAM、适配器、硬盘、调制解调器等等。4.确保已经更新了硬件设备的驱动程序...

高分求助!如何在右键添加显示\/隐藏扩展名和隐藏文件的选项
新建文本文档 复制以下内容 Windows Registry Editor Version 5.00 [HKEY_CLASSES_ROOT\\*\\shell][HKEY_CLASSES_ROOT\\AllFilesystemObjects\\shell\\sethide]="系统级隐藏"[HKEY_CLASSES_ROOT\\AllFilesystemObjects\\shell\\sethide\\command]="attrib +h +r +s +a \\"%1\\""[HKEY_CLASSES_ROOT\\All...

高分求助win2003下奇怪问题(病毒或木马?),请高手解决,重做系统的请绕道...
安好金山毒霸可以接上网络。用金山卫士扫描,看看有什么木马,先不要清除,记下木马的类型,来源,再用[金山网盾]解决一下你要解决的问题。再就要清理垃圾和注册表,系统修复一下,优化一下。如果在它的主页显示五个星——你的系统非常安全,请继续保持,问题可能会解决了。有些不便多说——可到我空间...

相似回答