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

  • 相关阅读:
    LeetCode
    LeetCode
    LeetCode
    LeetCode
    LeetCode
    LeetCode
    落忆枫音(我们终将成为”枫音乡的过客“)
    PID221 / 烦人的幻灯片☆ x
    codevs 5971 打击犯罪 x
    洛谷 P2330 [SCOI2005] 繁忙的都市 x
  • 原文地址:https://www.cnblogs.com/henshui/p/2693847.html
Copyright © 2011-2022 走看看