求一套JS弹出层可以嵌套自己的注册页面的效果~

Question

我的想法很简单，最近逛一些网站，总是看他们的注册都是弹出一个层，这个层中嵌套着一个注册的页面，填写完注册资料后，提交，还是在这个层中会弹出成功页面，跪求，不需要太复杂，就是一个层，注册页面想用我自己编写的。谢谢大家！

Answer 1

<div style="display:none;"><iframe  src="aaa.htm"></iframe> </div>点击注册的时候显示它 .

Answer 2

看这个代码可否？
<script type="text/javascript">
window.onload=function(){
  document.getElementById("bt").onclick=function(){
    document.getElementById("zhuce").style.display="block";
   }}
</script>
<input type="button" value="注册" id="bt">
<div id="zhuce" style="background:#ccc;display:none;position:absolute;top:200px;left:400px;width:220px;height:190px;z-index:1000;padding-top:5px;padding-left:25px;">
用户注册页面<br><br>
<form action="bb.asp" method="get">
用户:<input type="text" id="user"><br><br>
密码:<input type="password" id="pass"><br><br>
铀箱:<input type="text" id="email"><br><br>
操作:<input type="submit" value="提交"><br><br>
</form>
</div>
界面美观度自己用CSS改改就是了！

Answer 3

这个有加阻挡层的，效果半透明50%!改ID为ZZ的DIV的CSS可以改变其效果，让它更适合你的页面！
<script type="text/javascript">
window.onload=function(){
  document.getElementById("bt").onclick=function(){
    document.getElementById("zz").style.display="block";
    document.getElementById("zhuce").style.display="block";
   }}
</script>
<input type="button" value="注册" id="bt">
<div id="zz" style="position:absolute;top:0;left:0;width:100%;height:100%;background:#f4f4f4;display:none;z-index:999;opacity:0.5;filter:alpha(opacity=50);"></div>
<div id="zhuce" style="background:#ccc;display:none;position:absolute;top:200px;left:500px;width:220px;height:190px;z-index:1000;padding-top:5px;padding-left:25px;">
用户注册页面<br><br>
<form action="bb.asp" method="get">
用户:<input type="text" id="user"><br><br>
密码:<input type="password" id="pass"><br><br>
铀箱:<input type="text" id="email"><br><br>
操作:<input type="submit" value="提交"><br><br>
</form>
</div>基本思路就是这样了，再复杂也离不了基本的东西，再谈细节的话那就有说不完的事了。