使用div作出一个模态框的效果

最新推荐文章于 2022-05-27 11:45:11 发布

转载最新推荐文章于 2022-05-27 11:45:11 发布 · 1.8k 阅读

文章标签：

#div #function #class #javascript #button #测试

JS特效专栏收录该内容

0 篇文章

订阅专栏

本文介绍了一种解决IE7浏览器中模态框显示地址栏和状态栏问题的方法，并提供了一个具体的JavaScript实现示例。

在用模态框做一个弹出框时发现设置了模态框的无地址栏，无状态栏等设置后IE6可以办到，但是IE7里还是会显示地址栏，状态栏搞的我很郁闷，上网找到这个方法可以很好的解决！

<head> <title>两个层的特效</title> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1"> *{ margin:0;padding:0; } </style> </head> <body> <div class="cecmbody" id="cecmpolicy"> <div class="leftClass"> <p>测试</p> <input type="button" value="点击这里" onclick="sAlert('<a href="http://cpp114.com" mce_href="http://cpp114.com">测试效果</a>');" /> </div> <div class="rightClass"> </div> </div> <mce:script type="text/javascript" language="javascript"></mce:script> </body> </html>

异步调用：

var url ="validatelogin.action?cmd=goUpdate&formMap.type=modPW&formMap.moduleId=207&formMap.className=PwdCh";
                new Ajax.Request(url,{method: "post", onSuccess: function(transport) {
                    var retxt = transport.responseText.strip();
                    sAlert(retxt);
                }});