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);

  • 相关阅读:
    linux的mount(挂载)NFS 共享,命令详解
    Ubuntu 14.04下NFS安装配置
    linux下实现ftp匿名用户的上传和下载文件功能
    ubuntu apache2配置详解(含虚拟主机配置方法)
    在Ubuntu Server下搭建LAMP环境
    RPM 命令
    阿里云主机ssh 免密码登录
    PHPMailer使用说明
    git的一些基础命令
    穿线
  • 原文地址:https://www.cnblogs.com/koleyang/p/5239301.html
Copyright © 2011-2022 走看看