实现游戏弹出说明框功能

关键代码

var  gameDialog=$(".gameDialog");  //弹出框对象
var shadowBox=$(".shadow");  //黑色背景弹出层对象
//如果弹出框不存在，在页面添加
if(!gameDialog.get(0)){
        //创建弹出框
        gameDialog=$('<div class ="gameDialog"><p class="info"></p><a href="javascript:void(0);" class="close">返回</a></div>');
        //页面添加弹出框
        $("bode").append(gameDialog);
 }
 //如果说明弹出层不存在，在页面添加
 if(!shadowBox.get(0)){
         //创建黑色半透明弹出层
         shadowBox=$('<div class="shadow"></div>');
         //页面添加黑色半透明弹出层
         $("body").append(shadowBox);
}
//单击弹出框的返回按钮
$(".close").live("click",function(){
       //弹出框&&弹出层隐藏
       gameDialog.hide();
       shadowBox.hide();