本文共 1108 字，大约阅读时间需要 3 分钟。

jquery弹出框，简洁版本

      	    
       
       
           
             This is my HTML page. 
    
   
    弹出
   
    
   
    弹出
       
   
    
    
jQuery 学习交流关闭
    
    
        
     
            
      
我是稀饭
            
      
我是稀饭
            
      
我是稀饭
        
     
    
    
   
  

jquery_alert.js

//如何使用弹出层的js //1.必须含有jquery//2.在body下面有个class 为box的div，为弹出层//原理见http://www.jquery001.com/jquery-mask-layer.html$(function () {initalertcss();    $(".showbtn").click(function () {        $("#bg").css({            display: "block", height: $(document).height()        });        var $box = $('.box');        $box.css({            //设置弹出层距离左边的位置            left: ($("body").width() - $box.width()) / 2 - 20 + "px",            //设置弹出层距离上面的位置            top: ($(window).height() - $box.height()) / 2 + $(window).scrollTop() + "px",            display: "block"        });    });    //点击关闭按钮的时候，遮罩层关闭    $(".close").click(function () {        $("#bg,.box").css("display", "none");    });});function initalertcss(){	//这里http://www.bejson.com/jshtml_format/通过它来互转	//css	var tmp='';	//bg	tmp=tmp+'
   
'	$("body").append(tmp);}