强大的jquery插件jqeuryUI做出网页对话框的效果！简单的

让我们从网页最简单的登录窗口开始。但是，在开始之前，我们应该下载jquery的插件。我习惯于使用vs2008作为网页。首先，添加一个空白页。

这是最简单的方法。输入bodydiv id=' div1 ' tabletrtd用户名/TDT input type=' text ' style=' width :100 px '/TD/TRT TD password/TDT input type=' text ' style=' width 3360100 px '/Td/tr/table/div/body，现在是我们解压下载项的时候了，包括jquery 1 . 4 . 2 . js中的jquery 1 . 4 . 2 . js和jquery-ui-1.8.11。

现在让我们添加一个引用。此时，如果安装了2008年的sp1，您可以将这两个js文件直接拖动到代码头标记，也可以手动添加它们。见图：。

接下来，我们将使用它，脚本类型=' text/JavaScript ' $(function(){ $(' # div 1 ')。dialog()；});/script直接调用对象的dialog()方法；好吧。看效果

不是很好，是吗.别紧张。此时，我们复制jquery-ui-1.8.11.custom文件夹中的css文件夹，看看图片。

添加对此jquery-ui-1.8.11.custom.css，css文件的引用。

好吧。看效果

只是一些简单的代码。复制代码如下：DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd' html xmlns=' http://www . w3 . org/1999/XHTML ' head title/title link href='./CSS/ui-lighting/jquery-ui-1 . 8 . 11 . custom . CSS ' rel='样式表'类型='text/css' /脚本src='http:jquery-1.4.2.js '类型='text/javascript'/脚本src=' http : jquery-ui-1 . 8 . 11 . custom . min . js '类型='text/javascript '/脚本脚本类型=' text/JavaScript 'dialog()；});/script/head body div id=' div 1 ' table trtd username/tdtdt input type=' text ' style=' width :100 px '/TD/TRT password/TDT input type=' text ' style=' width 3360100 px '/TD/tr/table/div/。如果有，请告诉我。