设为首页收藏本站订阅更新

无忧脚本

 找回密码
 加入无忧

QQ登录

只需一步,快速开始

搜索
查看: 30173|回复: 72

[推荐] 【强烈推荐】超漂亮提取自ZCMS弹出框效果v2.1(兼容主流浏览器)6月29日修正

[复制链接]
发表于 2009-11-26 17:55:35 | 显示全部楼层 |阅读模式
【强烈推荐】超漂亮提取自ZCMS弹出框效果v2.1(兼容主流浏览器)6月29日修正

重写提取自ZCMS的弹出框,功能更强大:

   1. 代替window.open、alert、confirm;提供良好的用户体验;
   2. 质感细腻,外观漂亮;
   3. 兼容ie6/7/8、firefox2/3、Opera;弹出框在ie6下不会被select控件穿透;
   4. 无外部css文件,引用Dialog.js即可使用;
   5. 对多重嵌套iframe的情况下的应用作了充分考虑,适合复杂的B/S系统应用;
   6. Dialog显示的内容:1、URL;2、隐藏的元素中的html内容;3、html内容;
   7. 按ESC键可关闭弹出框;

效果图


部分示例如下(帖子长度所限,更多示例见下载包中的zDialogDemo.html)

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <title>ZCMS弹出框效果(兼容主流浏览器)</title>
  7. <style>
  8. body { background: #fff; color: #444; }
  9. a { color: #07c; text-decoration: none; }
  10. body, div, q, h5 { margin: 0; padding: 0; }
  11. body, td, textarea { word-break: break-all; word-wrap: break-word; line-height:1.6; }
  12. body, input, textarea, select, button { margin: 0; font-size: 14px; font-family: Tahoma, SimSun, sans-serif; }
  13. div, p, table, th, td { font-size:1em; font-family:inherit; line-height:inherit; }
  14. h5 { font-size:12px; }
  15. ol li,ul li{ margin-bottom:0.5em;}
  16. pre{ font-family: "Courier New", Courier, monospace; word-wrap:break-word; line-height:1.4; font-size:12px;}
  17. pre{background:#f6f6f6; border:#eee solid 1px; margin:1em 0.5em; padding:0.5em 1em;}
  18. #content { padding-left:50px; padding-right:50px; }
  19. #content h3 { margin:8px 0; font-size:14px; COLOR:#693; }
  20. #content div.item { margin-top:10px; margin-bottom:10px; border:#eee solid 4px; padding:10px; }
  21. hr { clear:both; margin:7px 0; +margin: 0;
  22. border:0 none; font-size: 1px; line-height:1px; color: #069; background-color:#069; height: 1px; }
  23. </style>
  24. <script type="text/javascript" src="http://www.5-studio.com/wp-content/uploads/2009/11/zDrag.js"></script>
  25. <script type="text/javascript" src="http://www.5-studio.com/wp-content/uploads/2009/11/zDialog.js"></script>
  26. <script type="text/javascript">
  27. function open1()
  28. {
  29.         Dialog.open({URL:"javascript:void(document.write('这是弹出窗口中的内容'))"});
  30. }
  31. function open2()
  32. {
  33.         var diag = new Dialog();
  34.         diag.Width = 600;
  35.         diag.Height = 300;
  36.         diag.Title = "设定了高宽和标题的普通窗口";
  37.         diag.URL = "javascript:void(document.write('这是弹出窗口中的内容'))";
  38.         diag.show();
  39. }
  40. function open3()
  41. {
  42.         var diag = new Dialog();
  43.         diag.Width = 900;
  44.         diag.Height = 400;
  45.         diag.Title = "内容页为外部连接的窗口";
  46.         diag.URL = "http://demo.zving.com/";
  47.         diag.show();
  48. }
  49. function open4()
  50. {
  51.         var diag = new Dialog();
  52.         diag.Width = 300;
  53.         diag.Height = 100;
  54.         diag.Title = "内容页为html代码的窗口";
  55.         diag.InnerHtml='<div style="text-align:center;color:red;font-size:14px;">直接输出html,使用 <b>InnerHtml</b> 属性。</div>'
  56.         diag.OKEvent = function(){diag.close();};//点击确定后调用的方法
  57.         diag.show();
  58. }
  59. function open5()
  60. {
  61.         var diag = new Dialog();
  62.         diag.Width = 300;
  63.         diag.Height = 150;
  64.         diag.Title = "内容页为隐藏的元素的html";
  65.         diag.InvokeElementId="forlogin"
  66.         diag.OKEvent = function(){topWin.$id("username").value||alert("用户名不能为空");topWin.$id("userpwd").value||alert("密码不能为空")};//点击确定后调用的方法
  67.         diag.show();
  68. }
  69. function open8()
  70. {
  71.         var diag = new Dialog();
  72.         diag.Title = "返回值到调用页面";
  73.         diag.URL = "javascript:void(document.write('这是弹出窗口中的内容'))";
  74.         diag.OKEvent = function(){$id('getval').value = diag.innerFrame.contentWindow.document.getElementById('a').value;diag.close();};
  75.         diag.show();
  76.         var doc=diag.innerFrame.contentWindow.document;
  77.         doc.open();
  78.         doc.write('<html><body><input id="a" type="text"/>请在文本框里输入一些值</body></html>') ;
  79.         doc.close();
  80. }
  81. function open9()
  82. {
  83.         Dialog.alert("提示:你点击了一个按钮");
  84. }
  85. function open10()
  86. {
  87.         Dialog.confirm('警告:您确认要XXOO吗?',function(){Dialog.alert("yeah,周末到了,正是好时候")});
  88. }

  89. function open14()
  90. {
  91.         var diag = new Dialog();
  92.         diag.OnLoad=function(){alert("页面载入完成")};
  93.         diag.URL = "http://demo.zving.com/";
  94.         diag.show();
  95. }
  96. function open16()
  97. {
  98.         var diag = new Dialog();
  99.         diag.Title = "修改中窗体尺寸";
  100.         diag.URL = "javascript:void(document.write('这是弹出窗口中的内容'))";
  101.         diag.OKEvent = function(){
  102.                 var doc=diag.innerFrame.contentWindow.document;
  103.                 doc.open();
  104.                 doc.write('<html><body>窗口尺寸改为600*300</body></html>') ;
  105.                 doc.close();
  106.                 diag.setSize(600,300);
  107.                 diag.okButton.disabled=true;
  108.         };
  109.         diag.show();
  110.         diag.okButton.value="改变窗口大小"
  111. }

  112. function open17()
  113. {
  114.         var diag = new Dialog();
  115.         diag.AutoClose=5;
  116.         diag.ShowCloseButton=false;
  117.         diag.URL = "javascript:void(document.write('这是弹出窗口中的内容'))";
  118.         diag.show();
  119. }

  120. function open19()
  121. {
  122.         var diag = new Dialog();
  123.         diag.Title = "窗体内的按钮操作父Dialog";
  124.         diag.URL = "javascript:void(document.write('这是弹出窗口中的内容'))";
  125.         diag.show();
  126.         var doc=diag.innerFrame.contentWindow.document;
  127.         doc.open();
  128.         doc.write('<html><body><input type="button" id="a" value="修改父Dialog尺寸" onclick="parentDialog.setSize(function(min,max){return Math.round(min+(Math.random()*(max-min)))}(300,800))" /></body></html>') ;
  129.         doc.close();
  130. }
  131. </script>
  132. </head>
  133. <body>
  134. <div id="content">
  135.   <h2>zDialog v2.0 - samples</h2>
  136.   <hr size="2" />
  137. <div id="imgsloader" style="display:none;"></div>
  138. <script>
  139. var images=["icon_alert.gif","icon_dialog.gif","icon_query.gif","window.gif","dialog_cb.gif","dialog_closebtn.gif","dialog_closebtn_over.gif"];
  140. var dlgimgs=isIE6?["dialog_ct.gif","dialog_lb.gif","dialog_lt.gif","dialog_mlm.gif","dialog_mrm.gif","dialog_rb.gif","dialog_rt.gif"]:["dialog_cb.png",
  141. "dialog_ct.png","dialog_lb.png","dialog_lt.png","dialog_mlm.png","dialog_mrm.png","dialog_rb.png","dialog_rt.png"]
  142. var images=images.concat(dlgimgs);
  143. var imgsHtml=[];
  144. for(var i=0;i<images.length;i++){
  145.         imgsHtml.push('<img src="'+IMAGESPATH+images[i]+'"/>')
  146. }
  147. $id("imgsloader").innerHTML=imgsHtml.join("");
  148. </script>
  149.   <br />
  150.   <h3>1. 普通窗口 </h3>
  151.   <div class="item">
  152.     <input type="button" id="a" value="普通窗口" onclick="open1()"/>
  153.     <br/>
  154. <pre>
  155.         <font color="#800000">Dialog.open({</font><font color="#008080">URL</font><font color="#800000">:</font><font color="#ff00ff">"javascript:void(document.write('这是弹出窗口中的内容'))"</font><font color="#800000">});</font>
  156. </pre>
  157. </div>
  158.   <h3>2. 设定了高宽和标题的普通窗口 </h3>
  159.   <div class="item">
  160.     <input type="button" id="b" value="设定了高宽和标题的普通窗口" onclick="open2()"/>
  161.     <br/>
  162.     <pre>
  163.         <font color="#0000ff">var </font><font color="#800000">diag = </font><font color="#0000ff">new </font><font color="#800000">Dialog();</font>
  164.         <font color="#800000">diag.Width = 600;</font>
  165.         <font color="#800000">diag.Height = 300;</font>
  166.         <font color="#800000">diag.Title = </font><font color="#ff00ff">"设定了高宽和标题的普通窗口"</font><font color="#800000">;</font>
  167.         <font color="#800000">diag.</font><font color="#008080">URL </font><font color="#800000">= </font><font color="#ff00ff">"javascript:void(document.write('这是弹出窗口中的内容'))"</font><font color="#800000">;</font>
  168.         <font color="#800000">diag.show();</font>
  169. </pre>
  170. </div>
  171.   <h3>3. 内容页为外部连接的窗口</h3>
  172.   <div class="item">
  173.     <input type="button" id="c" value="内容页为外部连接的窗口" onclick="open3()"/>
  174.     <br/>
  175. <pre>
  176.         <font color="#0000ff">var </font><font color="#800000">diag = </font><font color="#0000ff">new </font><font color="#800000">Dialog();</font>
  177.         <font color="#800000">diag.Title = </font><font color="#ff00ff">"内容页为外部连接的窗口"</font><font color="#800000">;</font>
  178.         <font color="#800000">diag.</font><font color="#008080">URL </font><font color="#800000">= </font><font color="#ff00ff">"http://demo.zving.com/"</font><font color="#800000">;</font>
  179.         <font color="#800000">diag.show();</font>
  180. </pre>
  181. </div>
  182.   <h3>4. 内容页为html代码的窗口</h3>
  183.   <div class="item">
  184.     <input type="button" id="d" value="内容页为html代码的窗口" onclick="open4()"/>
  185.     <br/>
  186. <pre>
  187.         <font color="#0000ff">var </font><font color="#800000">diag = </font><font color="#0000ff">new </font><font color="#800000">Dialog();</font>
  188.         <font color="#800000">diag.Title = </font><font color="#ff00ff">"内容页为html代码的窗口"</font><font color="#800000">;</font>
  189.         <font color="#800000">diag.InnerHtml=</font><font color="#ff00ff">'&lt;div style="text-align:center;color:red;font-size:14px;"&gt;直接输出html,使用 &lt;b&gt;InnerHtml&lt;/b&gt; 属性。&lt;/div&gt;'</font>
  190.         <font color="#800000">diag.show();</font>
  191. </pre>
  192. </div>
  193.   <h3>5. 内容页为隐藏的元素的html内容</h3>
  194.   <div class="item">
  195.     <input type="button" id="e" value="内容页为隐藏的元素的html内容" onclick="open5()"/>
  196.     <br/>
  197. <pre>
  198.         <font color="#0000ff">var </font><font color="#800000">diag = </font><font color="#0000ff">new </font><font color="#800000">Dialog();</font>
  199.         <font color="#800000">diag.Title = </font><font color="#ff00ff">"内容页为隐藏的元素的html"</font><font color="#800000">;</font>
  200.         <font color="#800000">diag.InvokeElementId=</font><font color="#ff00ff">"forlogin"</font>
  201.         <font color="#800000">diag.show();</font>
  202. </pre>
  203. <div id="forlogin">
  204.       <table width="100%" border="0" align="center" cellpadding="4" cellspacing="4" bordercolor="#666666">
  205.         <tr>
  206.           <td colspan="2" bgcolor="#eeeeee">用户登陆</td>
  207.         </tr>
  208.         <tr>
  209.           <td width="50" align="right">用户名</td>
  210.           <td><input type="text" id="username" /></td>
  211.         </tr>
  212.         <tr>
  213.           <td align="right">密 码</td>
  214.           <td><input type="text" id="userpwd"  /></td>
  215.         </tr>
  216.       </table>
  217.     </div>
  218.   </div>
  219.   <h3>8. 返回值到调用页面</h3>
  220.   <div class="item">
  221.     <input type="button" id="h" value="返回值到调用页面" onclick="open8()"/>
  222.     <input type="text" id="getval" value="窗口的值返回到这里"/>
  223.     <br/>
  224. <pre>
  225.         <font color="#0000ff">var </font><font color="#800000">diag = </font><font color="#0000ff">new </font><font color="#800000">Dialog();</font>
  226.         <font color="#800000">diag.Title = </font><font color="#ff00ff">"返回值到调用页面"</font><font color="#800000">;</font>
  227.         <font color="#800000">diag.</font><font color="#008080">URL </font><font color="#800000">= </font><font color="#ff00ff">"javascript:void(document.write('这是弹出窗口中的内容'))"</font><font color="#800000">;</font>
  228.         <font color="#800000">diag.OKEvent = </font><font color="#0000ff">function</font><font color="#800000">(){</font><font color="#0000ff">$id</font><font color="#800000">(</font><font color="#ff00ff">'getval'</font><font color="#800000">).</font><font color="#008080">value </font><font color="#800000">= diag.innerFrame.</font><font color="#008080">contentWindow</font><font color="#800000">.</font><font color="#ff0000">document</font><font color="#800000">.getElementById(</font><font color="#ff00ff">'a'</font><font color="#800000">).</font><font color="#008080">value</font><font color="#800000">;diag.close();};</font>
  229.         <font color="#800000">diag.show();</font>
  230.         <font color="#0000ff">var </font><font color="#800000">doc=diag.innerFrame.</font><font color="#008080">contentWindow</font><font color="#800000">.</font><font color="#ff0000">document</font><font color="#800000">;</font>
  231.         <font color="#800000">doc.open();</font>
  232.         <font color="#800000">doc.write(</font><font color="#ff00ff">'&lt;html&gt;&lt;body&gt;&lt;input id="a" type="text"/&gt;请在文本框里输入一些值&lt;/body&gt;&lt;/html&gt;'</font><font color="#800000">) ;</font>
  233.         <font color="#800000">doc.close();</font>
  234. </pre>
  235. </div>
  236.   <h3>9. 代替window.alert及window.confirm</h3>
  237.   <div class="item">
  238.     <input type="button" id="i" value="alert" onclick="open9()"/>
  239.     <input type="button" id="j"  value="confirm" onclick="open10();"/>
  240.     <br/>
  241. <pre>
  242.         <font color="#800000">Dialog.alert(</font><font color="#ff00ff">"提示:你点击了一个按钮"</font><font color="#800000">);</font>

  243.         <font color="#800000">Dialog.confirm(</font><font color="#ff00ff">'警告:您确认要XXOO吗?'</font><font color="#800000">,</font><font color="#0000ff">function</font><font color="#800000">(){Dialog.alert(</font><font color="#ff00ff">"yeah,周末到了,正是好时候"</font><font color="#800000">)});</font>
  244. </pre>
  245. </div>
  246.   <h3>13. 在弹窗的内容载入完成后,执行方法</h3>
  247.   <div class="item">
  248.     <input type="button" id="n" value="在弹窗载入完成后,执行方法" onclick="open14()"/>
  249.     <br/>
  250. <pre>
  251.         <font color="#0000ff">var </font><font color="#800000">diag = </font><font color="#0000ff">new </font><font color="#800000">Dialog();</font>
  252.         <font color="#800000">diag.OnLoad=</font><font color="#0000ff">function</font><font color="#800000">(){alert(</font><font color="#ff00ff">"页面载入完成"</font><font color="#800000">)};</font>
  253.         <font color="#800000">diag.</font><font color="#008080">URL </font><font color="#800000">= </font><font color="#ff00ff">"[url]http://demo.zving.com/&quot[/url];</font><font color="#800000">;</font>
  254.         <font color="#800000">diag.show();</font>
  255. </pre>
  256. <span>注:如果窗体内为iframe内容页,要在载入完成后对内容页作操作,必须考虑访问权限,如引用页和当前页应在同一个域内。</span> </div>
  257.   <div id="hiddencontent" style="display:none;width:400px;height:100px;" class="infobar">
  258.     <div style="text-align:right;padding-right:5px;border:0;height:10px;font-size:9px;color:#666;"><a href="javascript:lhgdialog.hidden('hiddencontent','');">X</a></div>
  259.     <div style="padding:10px;">我是隐藏内容</div>
  260.   </div>
  261.   <h3>16. 动态改变窗口大小</h3>
  262.   <div class="item">
  263.     <input type="button" id="q" value="动态改变窗口大小" onclick="open16()"/>
  264.     <br/>
  265. <pre>
  266.         <font color="#0000ff">var </font><font color="#800000">diag = </font><font color="#0000ff">new </font><font color="#800000">Dialog();</font>
  267.         <font color="#800000">diag.Title = </font><font color="#ff00ff">"修改中窗体尺寸"</font><font color="#800000">;</font>
  268.         <font color="#800000">diag.</font><font color="#008080">URL </font><font color="#800000">= </font><font color="#ff00ff">"javascript:void(document.write('这是弹出窗口中的内容'))"</font><font color="#800000">;</font>
  269.         <font color="#800000">diag.OKEvent = </font><font color="#0000ff">function</font><font color="#800000">(){</font>
  270.                 <font color="#0000ff">var </font><font color="#800000">doc=diag.innerFrame.</font><font color="#008080">contentWindow</font><font color="#800000">.</font><font color="#ff0000">document</font><font color="#800000">;</font>
  271.                 <font color="#800000">doc.open();</font>
  272.                 <font color="#800000">doc.write(</font><font color="#ff00ff">'&lt;html&gt;&lt;body&gt;窗口尺寸改为600*300&lt;/body&gt;&lt;/html&gt;'</font><font color="#800000">) ;</font>
  273.                 <font color="#800000">doc.close();</font>
  274.                 <font color="#800000">diag.setSize(600,300);</font>
  275.         <font color="#800000">};</font>
  276.         <font color="#800000">diag.show();</font>
  277.         <font color="#800000">diag.okButton.</font><font color="#008080">value</font><font color="#800000">=</font><font color="#ff00ff">"改变窗口大小"</font>
  278. </pre>
  279. </div>
  280.   <h3>17. 弹出窗口自动关闭</h3>
  281.   <div class="item">
  282.     <input type="button" id="r" value="自动关闭" onclick="open17()"/>
  283.     <br/>
  284. <pre>
  285.         <font color="#0000ff">var </font><font color="#800000">diag = </font><font color="#0000ff">new </font><font color="#800000">Dialog();</font>
  286.         <font color="#800000">diag.AutoClose=5;</font>
  287.         <font color="#800000">diag.ShowCloseButton=</font><font color="#0000ff">false</font><font color="#800000">;</font>
  288.         <font color="#800000">diag.</font><font color="#008080">URL </font><font color="#800000">= </font><font color="#ff00ff">"javascript:void(document.write('这是弹出窗口中的内容'))"</font><font color="#800000">;</font>
  289.         <font color="#800000">diag.show();</font>
  290. </pre>
  291. <span>注:AutoClose为自动关闭时间,单位秒</span> </div>
  292.   <h3>19. 窗体内的按钮操作父Dialog</h3>
  293.   <div class="item">
  294.     <input type="button" id="t" value="窗体内的按钮操作父Dialog" onclick="open19()"/>
  295.     <br/>
  296. <pre>
  297.         <font color="#0000ff">var </font><font color="#800000">diag = </font><font color="#0000ff">new </font><font color="#800000">Dialog();</font>
  298.         <font color="#800000">diag.Title = </font><font color="#ff00ff">"窗体内的按钮操作父Dialog"</font><font color="#800000">;</font>
  299.         <font color="#800000">diag.</font><font color="#008080">URL </font><font color="#800000">= </font><font color="#ff00ff">"javascript:void(document.write('这是弹出窗口中的内容'))"</font><font color="#800000">;</font>
  300.         <font color="#800000">diag.show();</font>
  301.         <font color="#0000ff">var </font><font color="#800000">doc=diag.innerFrame.</font><font color="#008080">contentWindow</font><font color="#800000">.</font><font color="#ff0000">document</font><font color="#800000">;</font>
  302.         <font color="#800000">doc.open();</font>
  303.         <font color="#800000">doc.write(</font><font color="#ff00ff">'&lt;html&gt;&lt;body&gt;&lt;input type="button" id="a" value="修改父Dialog尺寸" \
  304.     onclick="parentDialog.setSize(function(min,max){return Math.round(min+(Math.random()*(max-min)))}(300,800))" \
  305.     /&gt;&lt;/body&gt;&lt;/html&gt;'</font><font color="#800000">) ;</font>
  306.         <font color="#800000">doc.close();</font>
  307. </pre>
  308. </div>
  309.   <div style="border:1px dashed #ccc;padding:20px;">最后作一下广告,<a href="http://www.zving.com/products/zcms/">ZCMS</a>1.3版将于4月底发布,更稳定更强大,敬请期待。</div>
  310. </div>
  311. </body>
  312. </html>
复制代码

因为图片在我的blog服务器上,第一次打开会比较慢,请耐心等候。

>>点此打包下载<<,记得给我顶一下帖啊。

[[I] 本帖最后由 abeet 于 2010-7-6 18:50 编辑 [/I]]

评分

参与人数 1威望 +10 收起 理由
los + 10

查看全部评分

 楼主| 发表于 2009-11-26 17:56:18 | 显示全部楼层
2010年6月29日
1、未知原因,经测试在firefox3.6中对元素的style.overflow进行修改时会引起元素的scrollTop变为0,导致Dialog弹出并隐藏滚动条时页面滚到了最顶部,20100629修正此问题。

2010年6月12日
1、对父dialog弹出的子dialog进行管理,在未关闭子dialog前,不能关闭父dialog,避免免引起“已释放的代码”错误。
2、补充对在model及非model弹出框混合使用时,背景遮罩层显示与否的管理。
3、根据网友建议,在ie6下背景渐隐动画默认为关闭

2010年5月11日
1、修正ie下内容很少时,遮罩不完全bug。
2、优化弹出框内容载入判断及浏览器判断等若干处代码。

2010年4月27日
1、限制Dialog拖拽范围

2010年3月18日
1、修正在ie8下关闭按钮错位问题
2、按ESC键关闭Dialog时可弹出提示
3、加入背景渐隐动画,动画效果可关闭
4、加入全局属性,弹出Dialog时是否隐藏滚动条
5、添加了几个应用实例,见下载包中的zDialogDemo.html

2009年11月27日
修正页面滚动后遮罩不完全bug。

[[I] 本帖最后由 abeet 于 2010-7-6 18:48 编辑 [/I]]
发表于 2009-11-26 18:01:30 | 显示全部楼层
感谢楼主兄弟细心的技术支持
帮顶一个。
发表于 2009-11-26 18:23:37 | 显示全部楼层
留名备查。。。收藏之
发表于 2009-11-26 19:48:32 | 显示全部楼层
挺好的啊~~喜欢
发表于 2009-11-26 20:45:58 | 显示全部楼层
看起来好像和jquery冲突啊
发表于 2009-11-26 23:47:06 | 显示全部楼层
体验了一下,在Firefox/3.0.15下,后面的遮罩层有时会显示不完全
发表于 2009-11-26 23:53:23 | 显示全部楼层
看看我作的, 请指教.






要下载的可以到 www.zydn.net 找到, 这个界面是采用仿 WINDOWS 的方式, 支持全站静态页,每个栏目可以独立设置数据模型,全站采用自定义标签控制页面格式.功能实在太多, 不想写了, 有兴趣的自己下吧. 
这是我作的. 发布N久了, 非常成熟的应用, 服务器基于 .NET 2.0, JS 部分没有用任何第三方框架, 也没有用任何第三方代码. 就完AJAX也是全套自己写的, 没有用MS在.NET中的 AJAX.DLL.
发表于 2009-11-26 23:55:36 | 显示全部楼层
顶一把楼主, 干得不错.
发表于 2009-11-27 09:56:43 | 显示全部楼层
IE7也试过了,遮罩不完全,滚动条不是在最上边的话,会有遮不住的情况
发表于 2009-11-27 14:04:47 | 显示全部楼层
:lol
发表于 2009-11-27 20:58:34 | 显示全部楼层
可以研究下Ext  的desktop
发表于 2009-11-27 21:30:09 | 显示全部楼层
真的很不错
发表于 2009-11-27 22:37:58 | 显示全部楼层
顶一个,研究研究,,呵呵
发表于 2009-11-28 11:07:25 | 显示全部楼层
顶一把楼主, 干得不错
发表于 2009-11-29 16:35:58 | 显示全部楼层
OK
不错哟,顶一下。
发表于 2009-11-30 15:41:00 | 显示全部楼层
还不错,纯支持一吧!顶!
发表于 2009-12-1 12:38:02 | 显示全部楼层
这次代码写的好,顶一个
发表于 2009-12-1 12:58:36 | 显示全部楼层
原帖由 abeet 于 2009-11-26 17:55 发表
【强烈推荐】超漂亮提取自ZCMS弹出框效果v2.0(兼容主流浏览器)11月24日重写全部代码

重写提取自ZCMS的弹出框,功能更强大:

   1. 代替window.open、alert、confirm;提供良好的用户体验;
   2. 质感 ...

问一下LZ,你修改站点中的表单的提交按钮是放在弹出层中嵌套的页面中还是弹出层写好的

如果弹出层,调用一个URL地址,而URL页面有表单数据,但提交按钮是不在URL页面上,而是在弹出层上,怎么获取表单的数据

[[I] 本帖最后由 极速蓝鸟 于 2009-12-1 13:00 编辑 [/I]]
发表于 2009-12-2 14:30:10 | 显示全部楼层
好东西,支持,收藏
您需要登录后才可以回帖 登录 | 加入无忧

本版积分规则

小黑屋|手机版|Archiver|无忧脚本 ( 苏ICP备05080427号 )|值班电话:027-62300445   鄂公网安备 42011102000433号

GMT+8, 2017-3-29 03:44 , Processed in 0.114752 second(s), 8 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表