zoukankan      html  css  js  c++  java
  • 滑动门封装类 Tab(hover效果)

    function scrollDoor(){
    }
    scrollDoor.prototype = {
    sd : function(menus,divs,openClass,closeClass){
    var _this = this;
    if(menus.length != divs.length)
    {
    alert("菜单层数量和内容层数量不一样!");
    return false;
    }
    for(var i = 0 ; i < menus.length ; i++)
    {
    _this.$(menus[i]).value = i;
    _this.$(menus[i]).onmouseover = function(){
    for(var j = 0 ; j < menus.length ; j++)
    {
    _this.$(menus[j]).className = closeClass;
    _this.$(divs[j]).style.display = "none";
    }
    _this.$(menus[this.value]).className = openClass;
    _this.$(divs[this.value]).style.display = "block";
    }
    }
    },
    $ : function(oid){
    if(typeof(oid) == "string")
    return document.getElementById(oid);
    return oid;
    }
    }
    window.onload = function(){
    var SDmodel = new scrollDoor();
    SDmodel.sd(["m01","m02","m03","m04","m05"],["c01","c02","c03","c04","c05"],"sd01","sd02");
    SDmodel.sd(["mm01","mm02","mm03","mm04","mm05"],["cc01","cc02","cc03","cc04","cc05"],"sd01","sd02");
    SDmodel.sd(["mmm01","mmm02","mmm03","mmm04","mmm05"],["ccc01","ccc02","ccc03","ccc04","ccc05"],"sd01","sd02");
    }

  • 相关阅读:
    zabbix+grafana使用
    其它工具网址
    IntelliJ IDEA 进行多线程调试
    mac外接显示器 双屏同时滑动问题
    wacher和acl
    zookeeper介绍
    iterm2用法与技巧
    linux下ssh公钥验证的设置和远程登录
    不变模式
    单例模式创建的三种方式
  • 原文地址:https://www.cnblogs.com/henshui/p/2693847.html
Copyright © 2011-2022 走看看