JqueryUI学习之Dialog(一)

趁着工作之余,我在学习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 //宽度
//大概常用的就这些属性,还有更多的就参看帮助文档。

你可能感兴趣的:(JavaScript,jquery,UI,工作,css)