javascript实现弹窗,该如何解决

javascript实现弹窗

怎么实现这种效果，谢谢
------解决思路----------------------
http://sentsin.com/jquery/layer/
------解决思路----------------------
双击数据行实现弹窗显示详细信息
//弹窗显示数据行的详细信息
 protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        if (e.Row.RowType == DataControlRowType.DataRow)
        {
            e.Row.Attributes.Add("onMouseOver", "Color=this.style.backgroundColor;this.style.backgroundColor='lightBlue'");
            e.Row.Attributes.Add("onMouseOut", "this.style.backgroundColor=Color;");
            e.Row.Attributes.Add("ondblclick", "window.open('Default2.aspx?id=" + e.Row.Cells[0].Text + "','','width=320,height=250')");//双击行打开新页
        }
    }//codego.net/tags/11/1/
//设置文件名、文件上传、保存路径
  protected void Page_Load(object sender, EventArgs e)
    {
        if (Request["id"] != null)
        {
            SqlConnection con = new SqlConnection(ConfigurationManager.AppSettings["conStr"]);//获取数据库连接
            con.Open();//打开数据库
            SqlDataAdapter ada = new SqlDataAdapter("select * from tb_19 where id=" + Request["id"], con);
            DataSet ds = new DataSet();//创建数据集
            ada.Fill(ds, "tb_files");
            DataRowView rv = ds.Tables["tb_files"].DefaultView[0];//创建视图
            TextBox1.Text = rv["name"].ToString();
            TextBox2.Text = rv["datatime"].ToString();
            TextBox3.Text = rv["fileload"].ToString();
        }
    }
//弹出JavaScirpt小窗口
public static vied Alert(string message)
{
   string js=@"<Script languge='JavaScript'>
alert('"+nessage+"');</Script>"
HttpContextCurenlResponse.Write(js);
}

------解决思路----------------------
模态窗啊，前台框架有好多例子
------解决思路----------------------
bootstrap modal
<div id="modal" class="modal hide fade in" style="display: none; ">
你的页面
</div>

先ajax.get得到view，然后
$('#modal').html(view);
$('#modal').modal('show')