jQuery UI Dialog - Default functionality

fuyangclj

于 2013-09-23 10:02:20 发布

阅读量876

点赞数

CC 4.0 BY-SA版权

分类专栏： Jquery 文章标签： jquery

本文链接：https://blog.youkuaiyun.com/clj9017/article/details/11920767

Jquery 专栏收录该内容

19 篇文章

订阅专栏

本文展示了一个使用 jQuery UI 库创建的基本对话框示例。该对话框具备默认功能，可以进行移动、调整大小和关闭操作。通过简单的 HTML 和 JavaScript 代码实现了交互式的弹窗效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >



<!doctype html>
 
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>jQuery UI Dialog - Default functionality</title>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css" />
  <script>
  $(function() {
    $( "#dialog" ).dialog();
  });
  </script>
</head>
<body>
 
<div id="dialog" title="Basic dialog">
  <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>
 
 
</body>
</html>