HTML + CSS + jquery Implementation Frame __html

HTML + CSS + jquery Implementation Bullet Frame
Css

   <style type= "Text/css" >
    #fullbg {
        background-color:gray;
        left:0;
        opacity:0.6;
        Position:absolute;
        top:0;
        z-index:50000;
        Filter:alpha (opacity = m);
        -moz-opacity:0.5;
        -khtml-opacity:0.5;
    }

    #dialog {
        left:43%;
        Margin: -200px 0 0-200px;
        Position:fixed!important;  /* Floating dialog box * * *
        position:absolute;
        top:30%;
        z-index:100000;
        Display:none;
    }
</style>

Html

<div id= "FULLBG" ></div> <div id= "dialog" > <div id= "remarkdiv" style= "margin-left:0px"; Width:100%;background-color: #e5e5e5; border-radius:10px; " > <div id= "dialogtitlediv" style= background-color: #a7c0ce border-radius:10px 10px 0 0;height:40px;font-size : 20px;font-weight:bold;padding-top:15px "align=" Center "> Memo </div> <div id=" Dialo Gcontentdiv "style=" padding:20px 10px 0 10px; "
        > <textarea rows= "5" style= "width:350px;" id= "Auditremark" ></textarea> </div> <span align= "center" name= ' Errmsgtip ' style= "display:block;color:red;" ></span> <div align= "center" bgcolor= "#cccccc" > <input type= "button" value= "Close" styl  E= "WIDTH:120PX;MARGIN-BOTTOM:15PX;" Onclick= "CLOSEBG ()" class= "btn"/> <input type= "button" value= "Submit" style= "width:120px;margin-bottom:15px  ;" Onclick= "" "class=" btn "/> </div&Gt
 </div> </div>

Jquery

<script type= "Text/javascript" >                
    function Showbg () {
        $ ("#dialog"). Show ();
        $ ("#remarkDiv"). Show ();
        var bh = $ ("body"). Height ();
        var bw = $ ("Body"). width ();
        $ ("#fullbg"). CSS ({
            height:bh,
            WIDTH:BW,
            display: "Block"
        });

    Turn off the gray JQuery mask
    function Closebg () {
        $ ("#fullbg, #dialog"). Hide ()
        ; $ ("[name= ' Errmsgtip ']"). Text (')
    }
</script>