Practical Training Demo1-index-登录的弹窗

今天学习的了,点击【登录】时弹出【注册/登录】界面

JQuery内容:

$(function(){
    $(".top-list .title").click(function(){
        $(this).addClass("active").siblings().removeClass("active");
        // $(this).index() 点击当前的索引值--让它显示
        $(".top-list-main ul").eq($(this).index()).show().siblings().hide();
    });
});
// 
$(function(){
    $("#loginPopup").click(function(){
        // 让下边的两个东西一起显示 用的是群组选择器
        $(".pop-bg,.pop-wrapper").show();
        $("body").css("overflow","hidden");
    });
    $(".close-btn").click(function(){
        $(".pop-bg,.pop-wrapper").hide();
        // overflow 超出之后有个滚动条 去掉滚动条
        $("body").css("overflow","auto");
    });
});

效果:

 

posted @ 2021-11-16 19:26  小张同学的派大星吖  阅读(33)  评论(0编辑  收藏  举报