Jquery UI Dialog Demo

最新推荐文章于 2018-11-21 17:23:14 发布

weixin_34087503

最新推荐文章于 2018-11-21 17:23:14 发布

阅读量99

点赞数

文章标签： ui javascript ViewUI

原文链接：http://www.cnblogs.com/xzs603/archive/2013/04/26/3046087.html

版权

先来一个官方的demo

jQuery UI Dialog

<!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.2/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.2/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>

修改后的离线版

Offline

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>jQuery UI Dialog - Default functionality</title>
  <link rel="stylesheet" href="./css/jquery-ui.css" />
  <script src="./js/jquery-1.9.1.js"></script>
  <script src="./js/jquery-ui.js"></script>
  <link rel="stylesheet" href="./css/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>

演示

转载于:https://www.cnblogs.com/xzs603/archive/2013/04/26/3046087.html

weixin_34087503

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Jquery UI Dialog Demo

先来一个官方的demojQuery UI Dialog<!doctype html> <html lang="en"><head> <meta charset="utf-8" /> <title>jQuery UI Dialog - Default functionality</title>...
复制链接

扫一扫