* { margin:0; padding:0; } .fulled { width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(240,140,160,0.8); display:none; } .container { width:100%; height:600px; } .container a { text-decoration:none; color:#0099FF; line-height:100px; font-size:60px; text-align:center; display:block; } .fulled .fix-box { position:relative; margin:10% auto; width:500px; height:400px; background:url(http://www.jq22.com/img/cs/500x300a.png) no-repeat; border:4px solid #E63003; } .fulled .fix-box .close { position:absolute; right:10px; top:0; color:deeppink; cursor:pointer; }
//Esc键 淡入退出 $(document).keyup(function(event) { if(event.which == "27") { $(".fulled").fadeOut(); }