zoukankan      html  css  js  c++  java
  • CSS skills: 2) change hover dynamically by js

    //命名空间
    var base = {};
    
    //class
    base.gClass={};
    
    //鼠标hover交互方法: 注册对象的hover的class特性以及mouseMoveIn,mouseMoveOut方法
    base.gClass.hover=(function(creat){
        var creat=function(obj,className,mouseoverFun,mouseleaveFun){
            this.obj=obj;
            this.className=className;
            this.mouseoverFun=mouseoverFun;
            this.mouseleaveFun=mouseleaveFun;
    
            this.mouseoverFun=='' || this.mouseoverFun == undefined ? this.mouseoverFun=function(){} : void (0);
            this.mouseleaveFun=='' || this.mouseleaveFun == undefined ? this.mouseleaveFun=function(){} : void (0);
        };
        creat.prototype={
            hoverFun:function(){
                var _this=this;
                var obj;
                $(document).on('mouseover',_this.obj,function(e){
                    obj= $(this);
                    obj.addClass(_this.className);
                    _this.mouseoverFun(obj);
                }).on('mouseleave',_this.obj,function(e){
                    obj.removeClass(_this.className);
                    _this.mouseleaveFun(obj);
                });
            }
        }
        return creat;
    })();
  • 相关阅读:
    hdu 4563
    CPU中的主要的寄存器
    ROC曲线及AUC
    light oj 1231 dp 多重背包
    light oj 1422 区间dp
    light oj 1098 数学规律
    light oj 1095 组合数学
    DRAM & SRAM
    C-static
    C-枚举
  • 原文地址:https://www.cnblogs.com/feika/p/4497702.html
Copyright © 2011-2022 走看看