PHP网页的一个页面布局

Question

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

我不知道如何做到这一点。

我想你使用Javascript和/或PHP为此？

你们能举个例子怎么做？

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

Answer 1

当你去themeforest，有一个名为One Page主题单独的类别。请看看它。或者，你为什么不自己Google？不管怎么说，一些教程是：

• 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(); 
}