包括之間的導航欄和垂直菜單

我目前正在創建我的第一個網站，我有一些麻煩，我想包括一個頁面之間的導航欄和垂直欄，我想改變頁面包括當點擊一個我的垂直酒吧的按鈕。這裏是一個屏幕： Screen of my Website 包括之間的導航欄和垂直菜單

這裏是我的代碼：

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8" /> 
    <title>Memeable | The 1# world meme generator</title> 
    <link href="css/bootstrap.css" rel="stylesheet"> 
    <link href="css/style.css" rel="stylesheet"> 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> 
    <script src="js/jquery.js"></script> 
    <script src="js/bootstrap.min.js"></script> 
    <link href="css/bootstrap-social.css" rel="stylesheet"> 
</head> 
<body> 
    <div > 
    <?php 
     include("head.php"); 
    ?> 
    </div> 

</body>

這裏是我的head.php：

<nav class="navbar navbar-default"> 
<div class="container-fluid"> 
<div class="navbar-header"> 
    <a class="navbar-brand" href="#">Memeable</a> 
    <a href="http://www.facebook.com" class="fa fa-facebook "></a> 
    <a href="http://www.twitter.com" class="fa fa-twitter "></a> 
</div> 
</div> 
</nav> 

<div class="vertical-menu"> 
    <a href="#" class="" id = "first">Premier</a> 
    <a href="#" class = "">Deuxième</a> 
    <a href="#" class = "">Troisième</a> 
    <a href="#" class = "">Quatrième</a> 
</div>

我敢肯定，該解決方案是容易的，但我不知道該怎麼做。謝謝你的幫助！

來源

2017-08-04 Zenor27

想要單擊按鈕時顯示head.php？什麼按鈕？ –

它是單頁面應用程序嗎？ –

當一個垂直菜單按鈕（「總理，deuxième等......） – Zenor27

要在「內容區」中顯示您的內容，請使用include。您提供您想要加載的文件名作爲參數。使用數組指定要使用的所有有效文件，然後使用參數$_GET選擇要加載的正確子頁面。

<?php 
$files = array(); 
$files['home'] = 'home.php'; 
$files['contact'] = 'contact.php'; 
$files['whatever'] = 'you_want.php'; 
?>

再後來，在要顯示的內容使用下面的代碼的位置：

<?php 
if (isset($_GET['nav'], $files[$_GET['nav']])) { 
    include $files[$_GET['nav']]; 
} else { 
    include $files['home']; // default page 
} 
?>

要「呼」的右子頁面的?nav=...查詢參數添加到您的網址，像

<ul> 
    <li><a href="index.php?nav=home">Home</a></li> 
    <li><a href="index.php?nav=contact">Contact</a></li> 
</ul>

來源

2017-08-04 18:44:33 Progman

包括之間的導航欄和垂直菜單

回答

相關問題