2009.12.28——jQuery ui之遮罩层

2009.12.28——jQuery ui之遮罩层
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<title>jQuery UI Tabs - Default functionality</title>
	<link type="text/css" href="jquery-ui-1.7.2.custom/development-bundle/themes/ui-lightness/jquery-ui-1.7.2.custom.css" rel="stylesheet" />
	<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
	<script type="text/javascript" src="jquery-ui-1.7.2.custom/development-bundle/ui/jquery-ui-1.7.2.custom.js"></script>
	<script type="text/javascript">
	$(function() {
		$("#dialog").hide()
		$("#btn").click(function(){$("#dialog").dialog({
			bgiframe: true,
			height: 140,
			modal: true//这个就是遮罩效果
		});})
	});
	
	</script>
</head>
<body>
<div class="demo">
<div>
	<input type="button" id="btn" value="点我啊">
<div>
<div id="dialog" title="嘿嘿" style="">
	<p>你个废物</p>
</div><!-- End demo-description -->


</body>
</html>


你可能感兴趣的:(java,html,jquery,UI)