-4

因此，我正在为一位家庭成员创建一个婚礼网站，并希望通过一种非常简单的方式让人们在显示该网站之前输入密码。它不需要是安全的。

我在想我可以在网站上方有一个白色“层”，上面有一个简单的密码表格（网站将在它下面加载）。然后，当输入密码时，白色层消失，出现网站。

有人能帮我吗？

4

3 回答 3

0

呃..既然你说它不需要安全（颤抖），你就可以逃脱......

将与您的网站有关的所有内容包装在某个容器中，比如说 a div，在其上抛出一个类'main-content'。关于如何隐藏它，您有多种选择：

  1. CSS显示：无；
  2. 内联样式：显示：无；
  3. 高度：0px；

除了你的'main-content'，创建一个类似级别的 div 并给它一个标识符，即类'login-content'。保持不变（即可见）。

当 DOM 加载时，你login-content应该是可见的，而 main-content 不会。

当用户“成功登录”时，恢复样式。即main-content-> display:block;, height:100%, 无论如何..

于 2013-01-23T22:53:13.660 回答
0

这是一个工作示例。

HTML

<div class="page">
    HERE IS MY PAGE
</div>
<div class="cover">
    HERE IS THE COVER
</div>

JavaScript (jQuery)

$('.cover').click(function(){
    $(this).fadeOut(1000, function(){
        $(this).remove();    
    });   
});

CSS

.page{
    background-color:green;
    height:200px;
}
.cover{
    background-color:yellow;
    height:200px;
    z-index:200;
    position:fixed;
    top:0;
    left:0;
    float:left;
    width:100%;

}

在 JSFiddle 上查看。

于 2013-01-23T22:58:32.573 回答
0

在 js 的帮助下，你可以这样做： 

var password;

var pass1="1234567";

password=prompt('Enter your password',' ');

if (password==pass1) {
  $('body').show();
} else  {
  $('body').hide();
}

如果您想了解更多信息，这是来源：http:
//www.pageresource.com/jscript/jpass.htm

于 2013-01-23T23:05:51.477 回答