用jquery中插件dialog实现弹框效果实例代码_jquery

复制代码代码如下：

渡 //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({
        autoOpen:false,
        按钮:[{
            text:"ok",
            点击:function(){
                $("#dialog").dialog("close");
               }
            },
            {
            文本:"cancal",
            点击： function(){
                $("#dialog").dialog("close");
               }
            }
            ],
            位置： "top",//弹出位置
            width:600, //窗口宽度
            height:200,
            Drag:function(){
                Alert("你干拽我");
                }


        });
    $("#dialog_link").click(function(){
        $("#dialog").dialog("open");
        });
})
脚本>
头>


< ;/span>打开对话框

你好

身体>

复制代码代码如下：

打开对话框

你好