jq实现有透明遮罩的轻量级弹窗

大致思路是:

1、先写一个弹窗的div,让其相对于浏览器来一个绝对定位(position:fixed),定在窗口可视区的中间,然后隐藏;

2、写一个遮罩层的div,给其宽高都是100%,让其相对body的绝对定位(position:absolute),定在左上角,然后隐藏;

3、给body写一个相对定位(position:relative)

4、最后用jq写点击显示,点关闭隐藏




	
	轻量级的弹窗
	
	







弹窗
 
  

你可能感兴趣的:(html5,前端)