注册 登录
  • 欢迎访问开心洋葱网站,在线教程,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入开心洋葱 QQ群
  • 为方便开心洋葱网用户,开心洋葱官网已经开启复制功能!
  • 欢迎访问开心洋葱网站,手机也能访问哦~欢迎加入开心洋葱多维思维学习平台 QQ群
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏开心洋葱吧~~~~~~~~~~~~~!
  • 由于近期流量激增,小站的ECS没能经的起亲们的访问,本站依然没有盈利,如果各位看如果觉着文字不错,还请看官给小站打个赏~~~~~~~~~~~~~!

显示或者隐藏子菜单

JavaScript 水墨上仙 1624次浏览 已收录 手机上查看

显示或者隐藏子菜单


<script type="text/javascript">
//显示或者隐藏子菜单
    function showORhidden(strid,e) {
        var id = document.getElementById(strid);
        //Firefox中在写关于event的函数的时候,必须把event对象作为参数传递给函数,这样才能使用event对象
        //IE/Opera,可以用var el = window.event.srcElement;
        //如果是IE/Opera,我们就用 srcElement 来获取触发事件的对象
        //如果是Firefox,我们就用 target 来获取触发事件的对象
        //Firefox中调用js函数参数不能是id,必须通过document.getElementById("")得到。
        var el = e.srcElement ? e.srcElement : e.target;
        if (id.style.display == "none") {
            id.style.display = "";
            el.className="class1";//不显示子菜单的时候样式
        }
        else {
            id.style.display = "none";
            el.className = "class2";//显示子菜单的时候样式
        }
    }
</script>


开心洋葱 , 版权所有丨如未注明 , 均为原创丨未经授权请勿修改 , 转载请注明显示或者隐藏子菜单
喜欢 (0)
[开心洋葱]
分享 (0)
关于作者:
水墨上仙
……
加载中……