用jquery中插件dialog實作彈框效果實例碼_jquery

複製代碼代碼如下：

UBL "-/ DTD XHTML 1.0 過渡//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


>


#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position:relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: Absolute;left: .2em;頂部：50%；頂部邊距：-8px;}


腳本>

腳本>
;

$(function(){
    $("#dialog").dialog({
    $("#dialog").dialog({
   false,
        按鈕:[{
            text:"ok",
           $("#dialog").dialog("close");
               }
            },
            {
     點選： function(){
                $("#dialog").dialog("close");
   >            }
            ],
        th:600, //窗口寬度
            height:200,
            D Alert("你幹拽我");
                }


            $("# dialog").dialog("open");
        });
})
腳本>
頭>


< ;/span>開啟對話方塊 a>

你好

身體>

複製程式碼程式碼如下：

開啟對話框

你好