zoukankan      html  css  js  c++  java
  • Jquery UI Dialog Demo

    先来一个官方的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>

    演示

  • 相关阅读:
    练习题
    作业2.6-2.15 两次作业
    11.13(2)
    11.13
    11.6
    10.30
    10.15
    10.9
    9.25号作业
    9.18号
  • 原文地址:https://www.cnblogs.com/xzs603/p/3046087.html
Copyright © 2011-2022 走看看