JS 菜单伸缩问题

问题描述

我用ＪＳ控制　菜单的伸缩，点击一下，展开，再点击，关闭我的　mainMenu和subMenu是平行的<div>，所以下面的/2:mainMenu的onclick="menu(i)"function menu(id) { var subEl=document.getElementById("divSub"+id); var mainMenus = document.getElementById('divParent'+id).parentNode.childNodes.length/2; for( var i=0; i< mainMenus; i++ ) { alert(i+'-'+id); if(i!==id) { if(subEl) subEl.style.display="none"; } else { if(subEl.style.display=='none') subEl.style.display='block'; else subEl.style.display='none'; } } }问题：我第一次点击后，不展开；当我第二次点击后，展开，但又关闭了？没有弄明白！！ 问题补充：kjah 写道

解决方案

第15行 条件判断应该判断计算后的样式获得计算后样式,ie用currentStyle,其他用getComputedStyle:var style=test1.currentStyle||window.getComputedStyle(test1,null);然后判断 style.display

时间： 2024-10-05 03:54:02

JS 菜单伸缩问题的相关文章

js左边伸缩导航菜单代码

提示:您可以先修改部分代码再运行 js左边伸缩导航菜单代码 菜 单 提示:您可以先修改部分代码再运行

谁做过能编辑的树形菜单，有没有能编辑的jquery树形菜单插件,或者其他的JS菜单也行

问题描述 谁做过能编辑的树形菜单,有没有能编辑的jquery树形菜单插件,或者其他的JS菜单也行 解决方案 解决方案二: 解决方案三:http://www.ztree.me/v3/demo.php#_101感觉比easyui的好一点解决方案四:ztree和easyui的都可以.但是ztree要好点解决方案五:ztree和easyui都行吧··不过我都是用easyui的可编辑算是树菜单一个控件都会有的吧

效果酷似flash的css+div+js菜单

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>效果酷似flash的css+div+js菜单</title> <style> body{  background-color:#B8B8A0;  } #fbtn{  display:none;  overflow:

仿windows xp左侧菜单伸缩效果js特效

+网络配置中心 -站长手册 -动态域名 -DHCP服务 -ADSL设置 -MODEM设置 +安全配置中心 -入侵检测系统 -行为管理系统 -虚拟网系统 -防火墙系统 +系统报告中心 -系统状态 -网络流量图 -TCP连接 -系统日志 +高级配置中心 -安全远程访问 -密码设置 -系统更新 -系统备份 -系统恢复 -主机控制

JS特效代码--一个很Cool的JS菜单效果

 <script> function CoolMenuControl(){ //-----常规变量--- this.lastScrollX=0; this.lastScrollY=0; this.lastScrollW=0; this.lastScrollH=0; this.td_X=0; this.td_Y=0; this.td_W=0; this.td_H=0; this.td=0; this.mouseon=0; this.current=null this.hk_name; this.

效果直逼flash的Div+Css+Js菜单_javascript技巧

G1 good morning G2 good evening M1 my name is fireyy M2 mm mm i love u G1 good morning G2 good evening M1 my name is fireyy M2 mm mm i love u

js菜单点击显示或隐藏效果的简单实例_javascript技巧

复制代码 代码如下: <!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="

js菜单背景显示与隐藏

<script language="javascript"> function showmenu(num){  var isshow=false;  if(document.getElementById("menu"+num).style.display==""){   isshow=true;  }  for(i=1;i<3;i++){   document.getElementById("img"+i).

Div+Css(+Js)菜单代码及制作工具_经验交流

G1 good morning G2 good evening M1 my name is fireyy M2 mm mm i love u G1 good morning G2 good evening M1 my name is fireyy M2 mm mm i love u