zoukankan      html  css  js  c++  java
  • 兼容IE6及以上的导航栏子菜单栏滑过显示隐藏效果

    ;(function(window){
            var li = document.getElementById('parentnav').getElementsByTagName('li')[1];
            var li_a = li.getElementsByTagName('a')[0];
            var subnav = document.getElementById('subnav');
            if (document.addEventListener) {
                li.addEventListener('mouseover',function(){
                    li_a.style.background = '#42358d';
                    subnav.style.display = 'block';
                },false);
                li.addEventListener('mouseout',function(){
                    li_a.style.background = 'transparent';
                    subnav.style.display = 'none';
                },false);
            } else if(document.attachEvent) {
                li.attachEvent('onmouseover',function(){
                    li_a.style.background = '#42358d';
                    subnav.style.display = 'block';
                });
                li.attachEvent('onmouseout',function(){
                    li_a.style.background = 'transparent';
                    subnav.style.display = 'none';
                });
            } else{
                li['onmouseover'] = function(){
                    li_a.style.background = '#42358d';
                    subnav.style.display = 'block';
                }
                li['onmouseout'] = function(){
                    li_a.style.background = 'transparent';
                    subnav.style.display = 'none';
                }
            }
    })(window);

  • 相关阅读:
    Oracle条件分支查询
    Oracle分组函数实例
    使用JDK合成照片
    Oracle存储过程记录异常日志
    Emmet Cheat Sheet(Sublime编辑)
    JS中级
    JS中级
    架构师必须知道的架构设计原则
    JS中级
    JS中级
  • 原文地址:https://www.cnblogs.com/koleyang/p/5239301.html
Copyright © 2011-2022 走看看