-2

我想做以下事情：

  1. 按名为“联系人”的菜单链接 -完成
  2. 使用电子邮件、权限和联系人创建页脚 -完成
  3. 按“联系人”（菜单）后，所有页面变为白色，电子邮件、权限和联系人保持在中间（可能是 jQuery？）

这可能吗？

我不想创建一个带有联系表格的页面，只是为了这个。我应该继续我的 index.html 页面，底部有#contacts，并使用 Parallax 或 FullPage.JS？

查看页面和代码： www.wemadeyou.pt

4

1 回答 1

1

是的，这是可能的，而且不是很困难。一种方法是div在页面上创建一个并使用 cssdisplay: none隐藏div. 然后使用 jQuery 显示div单击“联系人”菜单按钮时的情况。

就像是：

html:

<body>
  <p>Here is some content</p>

  <div class="contact-form-container">
    <form class="contact-form">
    <!-- put your contact form here -->
    </form>
  </div>

</body>

CSS：

.contact-form-container {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.25);
  z-index: 200;
}

JS（jQuery）：

$(document).ready(function() {
  $('.contacts').click(function(e) {  //or whatever the class/id of your menu button is
    e.preventDefault();
    $('.contact-form-container').toggle();
  }
}

这将使您大部分时间到达那里。当然，您仍然必须处理表格。

希望有帮助。

于 2014-03-31T01:21:44.327 回答