此处为内容分类菜单的点击效果设置

单击时弹出内容分类框 再次单击时内容分类框消失 onclick=”show_menu()”

当鼠标移出内容分类div框时内容分类框消失 鼠标移除事件 onmouseleave=”show_menu1()”

  1. //先设置全局变量
  2. var flag = true;//开关按钮
  3. function show_menu(){
  4. var menu1 = document.getElementById("menu1");
  5.     if (flag) {//开关的这边一直等于的true
  6.         menu1.style.display="block";//当等于true的时候就会显示
  7.         flag = false;//这里使开关对的情况下就变成了false所以就符合了下面的情况
  8.     } else {//配合上面如果点击开关后开关变成了false所以就执行下面的代码
  9.         menu1.style.display="none";//使得列表隐藏
  10.         flag = true;
  11.     }
  12. }
  14. function show_menu1(){//鼠标划出设置
  15. var menu1 = document.getElementById("menu1");
  16.     menu1.style.display="none";
  17.     flag = true;//设置这个是为了调节当鼠标离开菜单后想要在显示菜单
  18.     //需要点击2下的bug ，因为当点击事件发生时代码停止在flag=false;这边，
  19.     //这时的在点击一次的话就使得鼠标移除事件的消失和鼠标点击消失的事件冲突了，
  20.     //所以在这里设置了flag=true的属性来承接鼠标移开后开关的变量
  21. }