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