使用jquery ui创建dialog
2012-04-24 16:55
225 查看
使用jquery ui 创建一个dialog,当弹出一个dialog的同时,背景变暗(变黑或者变灰)。
第三个$("#dialog")是上面两个的结合体。
第一个$是让背景变暗。
第二个$是出现特效。
<!DOCTYPE html> <html> <head> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> <script> $(document).ready(function() { //$("#dialog").dialog({ modal: true },{title:"ssss"}); //$("#dialog").dialog({ show: { effect: 'drop', direction: "up" } }); $("#dialog").dialog( {modal:true}, {title:"登录提示"}, {show:{effect:'drop', direction:'up'}} ); }); </script> </head> <body style="font-size:62.5%;"> <div id="dialog" >注册一个账号</div> </body> </html>id为dialog触发为dialog、
//$("#dialog").dialog({ modal: true },{title:"ssss"}); //$("#dialog").dialog({ show: { effect: 'drop', direction: "up" } }); $("#dialog").dialog( {modal:true}, {title:"登录提示"}, {show:{effect:'drop', direction:'up'}} );
第三个$("#dialog")是上面两个的结合体。
第一个$是让背景变暗。
第二个$是出现特效。
相关文章推荐
- 为什么要使用AlertDialog.Builder创建AlertDialog对话框
- jQuery dataTables与jQuery UI 对话框dialog的使用教程
- 在ASP.NET下使用jQuery UI下的Dialog,服务器端按钮无响应的问题
- jQuery UI全教程之一(dialog的使用教程)
- jQuery UI全教程之一(dialog的使用教程)
- jQuery UI全教程之一(dialog的使用教程)
- 使用Ext的Grid,Form,Dialog来实现分页列表,创建,修改,删除功能
- jQuery UI全教程之一(dialog的使用教程)
- VS2008MFC中创建的基于Dialog的工程无法使用Dialog上Button按键新建CButton类?
- Jquery ui的dialog使用文档概述
- jquery dataTables 跟jquery ui 对话框dialog的使用
- Android使用DialogFragment创建对话框
- Android使用DialogFragment创建对话框
- 用AppWizard创建并使用ToolBar StatusBar Dialog Bar
- ASP.NET下使用jQuery UI下的Dialog,服务器端按钮无响应的问题。
- jQuery UI全教程之一(dialog的使用教程)
- 安卓使用Dialog创建普通对话框
- 使用AlertDialog.Builder创建对话框
- 在ASP.NET下使用jQuery UI下的Dialog产生提交空值问题
- 使用DialogFragment创建对话框总结