`
xlbaby0402
  • 浏览: 28004 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

JqueryUI学习之Dialog（一）

jQueryCSSJavaScriptUI工作 
阅读更多

趁着工作之余，我在学习jQuery，从最简单的开始，用的最新的jQuery1.5.1跟jquery-ui-1.8.11.custom.min.js还有image跟CSS，自己记录在学习过程中的知识，都是些比较简单的属性，事件，跟它的方法，从Dialog开始，顾名思义，是个对话框。开始来了解它的属性。

<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-ui-1.8.11.custom.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.ui.datepicker-zh-CN.js"></script>
<LINK href="${pageContext.request.contextPath}/css/jquery-ui-1.8.11.custom.css" type=text/css rel=stylesheet>
<script>
$("#dialog").dialog({resizable: false //不可改变大小});
</script>
<body>
<div id="dialog" >你好</div>
</body>

 

resizable: false //控制dialog对话框改变的大小，默认为true。
draggable: false //设置对话框不能移动
modal: true //如果设置为true，那么会整个页面上面其他的动作就被禁止了，默认为false。
stack: true //获得焦点，默认为true
title: '提示'  //标题
height: 200 //高度
width: 200 //宽度
//大概常用的就这些属性，还有更多的就参看帮助文档。
分享到：
| JSP页面中，EL表达式获取根路径。
评论
1 楼 jacking124 2011-11-15  
我现在的问题就是显示的位置不可以设置。请你指点一二呀。
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics