<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>无标题页</title> <mce:script type="text/javascript" src="jquery-1.3.2.min.js" mce_src="jquery-1.3.2.min.js"></mce:script> <mce:script type="text/javascript" src="jqModal.min.js" mce_src="jqModal.min.js"></mce:script> <mce:script type="text/javascript"><!-- $().ready(function() { $('#dialog').jqm({ modal: true }).jqDrag($("#jqmtitle")); // $('#showdownOpr').jqm({ modal: true }).jqDrag($('.jqDrag')); $(".CloseAdd").click(function() { $("#dialog").jqmHide(); }) }); function jq() { // $("#dialog").css({ width: "800px" }); $("#jqmContent").html("<img src="wait.gif" mce_src="wait.gif" alt='' />"); $("#dialog").jqmShow(); $.ajax({ type: "POST", url: "helper.ashx", data: "id=15", success: function(msg) { if (msg != "") { $("#jqmContent").html(msg); } } }) } function jqLogin() { $("#jqmContent").html("<Iframe src="login.aspx?tourl=Default.aspx" mce_src="login.aspx?tourl=Default.aspx" width='100%' border='none' style="margin:0px;padding:0px;" mce_style="margin:0px;padding:0px;" />"); $("#dialog").jqmShow(); } function jqData() { alert(''); alert(_Default.showid().value); } // --></mce:script> <mce:style type="text/css"><!-- .jqmWindow { display: none; position: fixed; top: 17%; left: 50%; margin-left: -300px; width: 400px; background-image:url(wraplayer.png); background-color:#636363; color: #333; padding: 5px; } .jqmOverlay { background-color: #FFFFFF; } /* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */ * iframe.jqm {position:absolute;top:0;left:0;z-index:-1; width: expression(this.parentNode.offsetWidth+'px'); height: expression(this.parentNode.offsetHeight+'px'); } /* Fixed posistioning emulation for IE6 Star selector used to hide definition from browsers other than IE6 For valid CSS, use a conditional include instead */ * html .jqmWindow { position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); } #jqmheader{ font:14px; height:30px; line-height:30px; font-weight:bold; color:White; margin:0px;} #jqmCloseA{ float:right; padding-right:3px; font-size:larger} #jqmContent{ padding:5px; background-color: #FFFFFF;} #jqmfooter{ background-color: #FFFFFF; padding-bottom:5px; height:25px;line-height:25px; text-align:center} --></mce:style><style type="text/css" mce_bogus="1"> .jqmWindow { display: none; position: fixed; top: 17%; left: 50%; margin-left: -300px; width: 400px; background-image:url(wraplayer.png); background-color:#636363; color: #333; padding: 5px; } .jqmOverlay { background-color: #FFFFFF; } /* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */ * iframe.jqm {position:absolute;top:0;left:0;z-index:-1; width: expression(this.parentNode.offsetWidth+'px'); height: expression(this.parentNode.offsetHeight+'px'); } /* Fixed posistioning emulation for IE6 Star selector used to hide definition from browsers other than IE6 For valid CSS, use a conditional include instead */ * html .jqmWindow { position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); } #jqmheader{ font:14px; height:30px; line-height:30px; font-weight:bold; color:White; margin:0px;} #jqmCloseA{ float:right; padding-right:3px; font-size:larger} #jqmContent{ padding:5px; background-color: #FFFFFF;} #jqmfooter{ background-color: #FFFFFF; padding-bottom:5px; height:25px;line-height:25px; text-align:center}</style> </head> <body> <form id="form1" runat="server"> <a href="#" mce_href="#" class="jqModal">弹出对话框</a> <div class="jqmWindow" id="dialog"> <div id="jqmheader"><a id="jqmCloseA" href="#" mce_href="#" title="关闭" class="jqmClose">X</a><div id="jqmtitle" style=" cursor:move;" mce_style=" cursor:move;">through each one to get an understanding</div> <div style="clear:both" mce_style="clear:both"></div> </div> <div id="jqmContent"> </div> <div id="jqmfooter"> <input type="button" class="CloseAdd" value="关闭对话框" /> </div> </div> <a href="#" mce_href="#" οnclick="jq()">弹出Ajax对话框</a> <a href="#" mce_href="#" οnclick="jqData()">获取AJAX数据</a> <a href="#" mce_href="#" οnclick="jqLogin()">获取IFRAME登录</a> </form> </body> </html>
Jquery Model学习
最新推荐文章于 2021-12-11 21:41:12 发布
385
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
