zoukankan      html  css  js  c++  java
  • tab切换,滑动门

      <SCRIPT type=text/javascript>
      jQuery(document).ready(function () {
              changediv(["#ha1","#ha2"],["#hw1","#hw2"],"one")
        })    
          
      function changediv(menus,divs,opclass){
          if(menus.length != divs.length){
              alert("菜单个数与内容痛");
              return false;
              }
        for(var i=0; i<menus.length;i++){
            $(menus[i]).mouseover(function(){
                  //alert("你搞错没有啊");
                // $(this).addClass(opclass).siblings().removeClass("one")
                 for(var j=0; j<menus.length; j++){
                     $(menus[j]).removeClass(opclass);
                     $(divs[j]).css("display","none");
                     }
                //$(this).addClass(opclass);    
                $(this).addClass(opclass)    
                $(divs[$(this).index()]).css("display","block");
                })
            
            }      
          
          }
    </SCRIPT>

    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]).鼠标over事件[请自行修改] = 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;
        }
    }

     jQuery(document).ready(function () {
    
    var SDmodel = new scrollDoor();
    
    SDmodel.sd(["an1", "an2","an3","an4","an5","an6"],["adr1", "adr2", "adr3","adr4","adr5","adr6"],"one");
    
    
        })
  • 相关阅读:
    说说VNode节点(Vue.js实现)
    从Vue.js源码角度再看数据绑定
    《Cloud Native Infrastructure》CHAPTER 7(3)
    《Cloud Native Infrastructure》CHAPTER 7(2)
    《Cloud Native Infrastructure》CHAPTER 7 (1)
    《Cloud Native Infrastructure》CHAPTER 4(2)
    《Cloud Native Infrastructure》CHAPTER 4(1)
    《Cloud Native Infrastructure》CHAPTER 2(1)
    《Cloud Native Infrastructure》CHAPTER 1(2)
    《Cloud Native Infrastructure》CHAPTER 1(1)
  • 原文地址:https://www.cnblogs.com/xqschool/p/6033156.html
Copyright © 2011-2022 走看看