jquery ui 插件实例 (3)
来源:互联网 发布:我的世界手机版js制作 编辑:程序博客网 时间:2024/05/16 09:57
3、模拟Dialog效果
js效果
<link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.8.18.custom.css" /><script language="javascript" type="text/javascript" src="./js/jquery-1.7.1.min.js"></script><script language="javascript" type="text/javascript" src="./js/jquery-ui-1.8.18.custom.min.js"></script><script language="javascript" type="text/javascript">//当窗体加载完毕时候 触发该匿名函数//$(document) //dom对象转化为jquery对象//.ready(function(){})$(function(){$("#dialog").dialog({autoOpen:false, //设置对话框打开的方式 不是自动打开show:"blind",//打开时动画效果hide:"explode",//关闭时的动画效果modal:true,//遮罩效果/*buttons:{"确定":function(){$(this).dialog("close"); //关闭对话框},"取消":function(){alert("取消的操作");}},*/buttons:[{text:"ok",click:function(){$(this).dialog("close");}},{text:"取消",click:function(){$(this).dialog("close");}}],//draggable:false, //是否可以拖动的效果 closeOnEscape:false,//是否采用esc键退出对话框 title:"添加用户 操作界面",position:"top", //对话框弹出位置 可以使top left right center bottom 默认值是centerwidth:200,hight:200,resizable:false, //是否可以改变的操作 false 则不可以改变尺寸zIndex:6,//drag:function(event,ui){//$("#dialog").html(111)//可以测试出拖拽效果//}})//触发连接的事件 当你点击连接 打开一个对话框$("#dialog_link").click(function(){$("#dialog").dialog("open");});//怎样获取 option中的参数值var modalValue=$("#dialog").dialog("option","model");//alert(modalValue)//怎样设置 option中的参数值$("#dialog").dialog("option","model",false);})</script>
html格式
<body><h1>模拟Dialog效果</h1><!--c创建一个链接--><a href="#" id="dialog_link" class="ui-state-default ui-corner-all" ><span class=""></span>Open Dialog</a></div><!-- div 对话框 $("#dialog").dialog; 他就成为一个对话框 在页面中就会隐藏 --><div id="dialog" title="h1!">hello!</div>
实际效果图例:
- jquery ui 插件实例 (3)
- jquery ui 插件实例 (3)
- jquery ui 插件实例 (1)
- jquery ui 插件实例 (2)
- jquery ui 插件实例 (4)
- jquery ui 插件实例 (1)
- jquery ui 插件实例 (2)
- jquery ui 插件实例 (4)
- jquery 插件(六) jquery UI(1)
- jquery 插件(六) jquery UI(1)
- jquery 插件(七) jquery UI(2)
- 【jQuery】jQuery UI插件
- jQuery插件 -- jQuery UI插件
- 若干 JQuery UI 插件
- jQuery UI 微型插件
- jQuery ui插件用法
- jquery ui插件
- jQuery(UI)常用插件
- jquery-dialog对话框的实现
- 超链接点击无效的实现方式
- 怎么使游戏按下home的时候进入暂停状态 然后再次进入点击按钮恢复?
- Android笔记
- stagefright中#define里的#和##的作用
- jquery ui 插件实例 (3)
- 持久化VariableInstance 报错
- jquery中模拟tabs效果易会代码(简单实用)
- Microsoft.Practices.EnterpriseLibrary.Common不能加载
- 懒惰、急躁和傲慢(Laziness, Impatience and hubris)
- Step-by-step learning C + +(chapter four summary____Array and Pointers)
- 数据库的三个范式总结
- Android基础教程(三)之-----简单的Button事件响应综合提示控件Toast的应用
- jQuery注册