首页 > 其他分享 >jQuery触碰显示,不触碰隐藏 代码

jQuery触碰显示,不触碰隐藏 代码

时间:2023-03-14 16:33:10浏览次数:36  
标签:jQuery 触碰 不触 show function executedClass touchClass 执行

$(document).ready(function(){
    showOrhide(".aaa(触碰这个)",".bbb(反应这个)");
})

function showOrhide(touchClass,executedClass){
    var touchClass;     //touchClass为触碰类
    var executedClass;  //executedClass为被执行类
    $(touchClass).hover(function(){  //当触碰到触碰类
        $(executedClass).show();  //显示被执行类
    },function(){  
        $(executedClass).hide(); //隐藏被执行类
    })  ;

//下面为触碰被执行类 也显示被执行类
    $(executedClass).hover(function(){当触碰到被执行类
        $(executedClass).show();//显示被执行类
    },function(){
        $(executedClass).hide();//隐藏被执行类
    })
};

标签:jQuery,触碰,不触,show,function,executedClass,touchClass,执行
From: https://blog.51cto.com/u_16001601/6120609

相关文章