Php 如何创建覆盖登录框

我想创建一个覆盖页面，包含登录框，每次用户未登录时自动弹出。我正在用php编写代码。我只想显示一个页面的阴影图像，上面有一个登录框。未登录用户无法进入网站。

首先创建一个用于检查用户是否登录的会话$_会话['logedin'] 然后：

如果（！isset（$_SESSION['logedin']）） echo“将您的登录表单放在此处”

并添加此样式：

<style>
.login{
width:400px;
height:200px;
position:absolute;
z-index:1000;
background-color:#ccc;
border:#999 thin solid;
}
</style>

.登录{
宽度：400px；
高度：200px；
位置：绝对位置；
z指数：1000；
背景色：#ccc；
边框：#999薄实线；
}

没有代码就很难回复。。。无论如何，您可以从这里开始：

if(!$user->loggedIn()){
        redirect('/#box');
}

---

听起来您需要一个由条件$user->loggedin类型语句加载的模式框。听起来你以前使用这些工具的经验也很有限，所以我建议你先用颜色盒作为你的模态盒

如果您想显示一个着色的登录图像，您可以执行以下操作

<!-- HTML -->
<div id='loginImgContainer'>
  <div id='loginFilter'></div>
  <img src="images/login.jpg" alt="" id="loginImg">
  <div id='loginArea'>
      <!-- my log in form -->
  </div>
</div>

<!-- CSS -->
<style>
#loginImgContainer { 
  position: relative; 
}
#loginFilter {
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
#loginArea { display:none; }
</style>

#loginImgContainer{
位置：相对位置；
}
#逻辑过滤器{
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
身高：100%；
}
#loginArea{display:none；}

然后，设置一些javascript来检测模态框上的焦点

<script>
//assumes you have jQuery enabled
jQuery( document ).ready( function($) {
    //listen for the click
    $( "#loginImgContainer" ).click( function(e) {
        //hide the login image overlay
        $( "#loginFilter" ).fadeOut( 300 );
        setTimeout( function(){
            //hide the login img background
            $( "#loginImg" ).hide( 0 );
            //show the login form
            $( "#loginArea" ).fadeIn( 500 );
        }, 300 );
    });
});
</script>

//假设您启用了jQuery
jQuery（文档）.ready（函数（$）{
//听一听咔嗒声
$（“#loginImgContainer”）。单击（函数（e）{
//隐藏登录图像覆盖
美元（“#loginFilter”）。淡出（300）；
setTimeout（函数（）{
//隐藏登录img背景
$（“#loginImg”）.hide（0）；
//显示登录表单
美元（“#loginArea”）。法代因（500）；
}, 300 );
});
});

假设您在php中有一个名为user_is_logged_in（）的函数，该函数返回一个布尔响应，您可以将其附加到脚本标记中：

<?php
if( user_is_logged_in() ):
    //see <http://stackoverflow.com/questions/14778561/open-jquery-colorbox-automatically-on-page-load> for details on this
    ?>
    $.colorbox({inline:true, href:".ajax"});
    <?php
endif;

$.colorbox（{inline:true，href:.ajax}）；
到目前为止你尝试了什么？你的代码哪里没有按预期工作？在询问之前，你有没有查阅过如何做到这一点？thanx要求快速回复。顺便说一句，我有本在努力学习，但由于我只是一个初学者，我无法得到想要的结果。当然，这只是我们大多数在这个网站上回答问题的程序员都在努力回馈。在一天结束时，修复代码是这个网站的一般概念，所以当没有代码要修复，只有一个问题时，大多数人会对你的问题投反对票。请返回您的登录页面代码，该代码未按预期工作，我很乐意提供帮助：）