jqModal网站:http://dev.iceburg.net/jquery/jqModal/
整理的几个例子:
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>http://dev.iceburg.net/jquery/jqModal/</title>
<link href="jqModal.css" mce_href="jqModal.css" rel="stylesheet" type="text/css" />
<mce:script src="jquery.js" mce_src="jquery.js" type="text/javascript"></mce:script>
<mce:script src="jqModal.js" mce_src="jqModal.js" type="text/javascript"></mce:script>
<mce:script src="jqDnR.js" mce_src="jqDnR.js" type="text/javascript"></mce:script>
<mce:script type="text/javascript" language="javascript"><!--
$().ready(function() {
$('#divCreate').jqm({trigger: '#create'});
// $('#divCreate').jqm({modal: true, trigger: '#create'}); //加上modal:true,可以使背
景不可点击
/*-------------------------------------*/
$('#divDialog').jqm();
/*-------------------------------------*/
$('#ex2').jqm({ajax: 'Test.aspx', trigger: 'a.ex2trigger'});
/*-------------------------------------*/
$('#ex3a').jqm({
modal:true,
trigger: '#ex3aTrigger',
overlay: 50, /* 0-100 (int) : 0 is off/transparent, 100 is opaque */
overlayClass: 'whiteOverlay'})
.jqDrag('.jqDrag'); /* make dialog draggable, assign handle to title */
// Close Button Highlighting. IE doesn't support :hover. Surprise?
$('input.jqmdX')
.hover(
function(){ $(this).addClass('jqmdXFocus'); },
function(){ $(this).removeClass('jqmdXFocus'); })
.focus(
function(){ this.hideFocus=true; $(this).addClass('jqmdXFocus'); })
.blur(
function(){ $(this).removeClass('jqmdXFocus'); });
});
// --></mce:script>
</head>
<body>
<form />
</div>
</form>
</body>
</html>