Question

如何实现如点百度“登陆”时弹出登陆框（网页制作）

Answer 1

最方便的实现方式是：

1、在要打开登录框的页面创建一个div，设置div的样式表z-index为本页面最大的，以及设置为居中，调整其大小并将其隐藏；

2、创建一个登录的页面，页面中内容不超过div的大小（也可以部分页面，都写在上一个jsp中，但如果别的页面也需要用就会写很多个了）；

3、在有登录按钮的页面，设置登录按钮的事件，点击后弹出div并嵌套登录的页面。

 

下面为示例代码：

login.jsp
<style>
.loginDiv { width: 400px; height: 450px; }
</style>
<center>
<div class="loginDiv">
<from>
    账号：<input type='text' id='name' /><br>
    账号：<input type='password' id='pwd' /><br>
    <button type='submit'>登录</button>
</form>
</center>
</div>

other.jsp
#loginDiv { width: 400px; height: 450px; z-index: 99999; }
<script>
    //jQuery语言
    $(
        $('#loginDiv').hide();
        $('#btnLogin').click(function() {
              $('#loginDiv').dialog({
                width: 400,
                height: 450,
                modal: true,
                resizable: false,
                title: dialogTitle,
                close: function(e, u) {
                    $('#loginDiv').empty();
                    $(this).dialog("destroy");
              });
         });
     );
</script>
<button id='btnLogin' type='button'>登录</button>
<div id='loginDiv'>
    <iframe url='login.jsp></iframe>
    <iframe style="border: 0; width: 100%; height: 100%;"></iframe>
</div>

Answer 2

那也是个div，在里面部署好，然后显示出来给用户
http://hi.baidu.com/wzqiajng/blog/item/9f3d2e96ae2aa004d31b7063.html
里面有教如何制作个弹出div

Answer 3

将百度登录页面设为首页

Answer 4

运用JS基本可实现，需要的话 我可以传代码给你。

追问

我QQ邮箱1021129689@qq.com谢谢

追答

已发送，注意查收！