jQuery UI基础----10jQuery UI Widgets-Dialog(对话框

来源:互联网 发布:js style属性 编辑:程序博客网 时间:2024/05/30 04:29
<!DOCTYPE html><html><head lang="en">    <meta charset="UTF-8">    <title></title>    <!--所需要的支持文件-->    <script src="jquery-2.1.4.min.js"></script>    <script src="jquery-ui.min.js"></script>    <link href="jquery-ui.min.css" rel="stylesheet" type="text/css">    <!--自己的js文件-->    <script src="Dialog.js"></script></head><body>   <div id="div">       <p>这是一个对话框Dialog</p>   </div>    <a id="btn">按钮</a></body>

</html>

js:

/** * Created by hao on 2015/10/5. *///这是一种简写$(function(){    $("#btn").button().on("click",function(){        $("#div").dialog();    })})
需要依赖的库文件:http://download.csdn.net/detail/zhaihaohao1/9156967

0 0
原创粉丝点击