PHP网页的一个页面布局

Question

我想为我的网页制作一个页面布局。 我想这样做，当我点击导航栏中的一个按钮时，它会显示为我的内容创建的div，但通常是隐藏的。此外，当我点击页面的徽标时，页面会进入原始状态（不显示内容div）。

我不知道该怎么做。

我猜您使用的是Javascript和/或PHP吗？

你们能举个例子来说明这个吗？

示例：http://www.basjansenmedia.nl/

Answer 1

当您转到themeforest时，会有一个名为One Page主题的单独类别。看看吧。或者，为什么不为自己谷歌？无论如何，一些教程将是：

• One Page
• 15 Useful HTML5 Tutorials and Examples For Beginners
• Coding a CSS3 & HTML5 One-Page Website Template
• Single Page Apps with AngularJS Routing and Templating

Answer 2

假设您使用jquery

$('#myButton').click(function() {
    $('#myNewDiv').show();
    $('#myOldDiv').hide();
}
($'#logo').click(function() {
    $('#myOldDiv').show();
    $('#myNewDiv').hide();
}