用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;}

<脚本类型=“text/javascript”语言=“javascript”src=“jquery-1.7.1.min.js”>

<脚本类型=“text/javascript”语言=“javascript”src=“jquery-ui-1.8.18.custom.min.js”>

;
<脚本类型=“text/javascript”语言=“javascript”>
$(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>打开对话框

你好

复制代码代码如下：

gt;





<脚本类型=“text/javascript”语言=“javascript”src=“jquery-1.7.1.min”。 js">

打开对话框

你好