jQuery UI弹窗效果
来源:互联网 发布:网络象棋比赛 编辑:程序博客网 时间:2024/05/29 14:54
jQuery UI弹窗效果,很基本,介绍的也很详细,大家一起来学习吧!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>模拟dialog效果</title><!--引入jquery类库--><script language="javascript" type="text/javascript" src="jquery-1.7.1.min.js"></script><script language="javascript" type="text/javascript" src="jquery-ui-1.8.18.custom.min.js"></script><!--引入Css样式类库文件--><link rel="stylesheet" href="jquery-ui-1.8.18.custom.css" /><script language="javascript" type="text/javascript">$(function (){$("#dialog").dialog({ autoOpen:false, //设置对话框打开的方式 不是自动打开 show:"blind",//打开时的动画效果 hide:"explode", //关闭是的动画效果 modal:true, //true代表运用遮罩效果/* buttons:{//添加按钮的操作 "确定":function (){$(this).dialog("close");//关闭对话框 },"取消":function (){$(this).dialog("close");} }, //上边是第一种方式 //下边是第二种方式 */buttons:[{text:"Ok",click:function (){$(this).dialog("close");//关闭对话框}},{text:"取消",click:function (){$(this).dialog("close");//关闭对话框}}],draggable:false, //是否可以拖动的效果 true可以拖动 默认值是true ,false代表不可以拖动closeOnEscape:false, //是否采用esc键退出对话框,如果为false则不采用 ,true则采用title:"添加用户操作", //对话框的标题position:"top",//对话框打开的位置,默认center,有top、left、right、center、bottomwidth:600,//设置对话框的宽度height:300,//设置对话框的高度resizable:false, //是否可以改变对话框的尺寸的操作,默认truezIndex:1000, //层叠效果drag:function(event,ui){//可以测试出 对话框当前的坐标位置}});//触发连接的事件 当你点击 连接 打开一个对话框$("#dialog_link").click(function (){$("#dialog").dialog("open"); //open参数 作用 打开对话框});//我怎么获取 我设置的options中的参数值var modalValue = $("#dialog").dialog("option","modal");alert(modalValue);//我怎么设置options中的参数值$("#dialog").dialog("option","modal",false);});</script></head><body><h2>模拟dialog效果</h2> <!--创建一个连接--> <a href="javascript:void(0)" id="dialog_link"><span></span>open dialog</a> <!--注册一个div $("#dialog").dialog(); 它就成了一个对话框 在页面中就会隐藏--> <div id="dialog" title="hi!"> hello world! </div></body></html>
- jQuery UI弹窗效果
- jquery ui实现弹窗效果
- jquery UI 效果 accordion
- jQuery UI添加效果
- jquery ui 手风琴效果集锦
- Jquery UI插件---手风琴效果
- jQuery-ui中的手风琴效果
- jQuery UI选项卡效果
- jquery ui效果-accordion手风琴
- jQuery UI实现动画效果
- 各种效果的jquery ui(接口)简介
- JQuery UI简单增加表单信息效果
- jquery实现弹窗效果
- jquery实现弹窗效果
- jquery右下角弹窗效果
- jquery设置弹窗效果
- jQuery Mobile弹窗效果
- jquery 弹窗拖动效果
- IOS开发系列——xml文件解析
- pthread线程优先级的调度
- 关于VxWorks zbuf
- mini2440_NFS 利用uboot启动
- 第六周作业任务三
- jQuery UI弹窗效果
- 今天的作业
- C#程序集
- Tornado配置Source Insight
- AT&T汇编指令
- 生成测试数据
- Socket和ServerSocket以及枚举类
- js jquery 图文并茂讲解手风琴,
- Struts2学习笔记2--输入校验