首頁 > web前端 > js教程 > 主體

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

WBOY
發布: 2016-05-16 17:14:55
原創
1272 人瀏覽過

複製代碼代碼如下:




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>


身體>




相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板