網頁版型處理，搭配JQuery

 話說，舊型網站沒有用資料庫，完全都是手工打造的，當要移動分類時@@

先將版型規劃一下，最上面是header(共有十個總選項，當在第一個選項時，第一個選項是紅色顏色，其他都是藍色@@)

左邊選單。(進去每個總選項，左邊又有大概十幾個分類，幸好這裡沒有顏色區分)

右邊選單。(點選左邊選單後，右邊又有十幾個分類，真的快昏倒了@@)

只好再用手工修改一遍，並搭配jquery，以後只要將header與Lpanel、RPanel放置到資料夾中就OK@@

所以是header有十個資料夾，h1 ~ h10，並做好每個header版型。

左選單有 L1~L10個資料夾，裡面有做好的LPanel版型。

右選單有R1~R10個資料夾，有做好的RPanel版型。

所以以後右選單裡面的分類要從h1移到h4，只要複製h4的版型進去就OK。
接著左選單要從 L2 移到 L6，只要複製L6的版型進去就OK囉~~
因為右選單通常是跟著這篇文章，所以基本上右選單是不用移動，只要更新右選單的連結就好。(這樣是相對路徑，目前是這種型態)

後來想想，乾脆操作JS就好，反正都要手工做一遍，就將每個右選單的左右名稱取不一樣，就可以直接在一個JS上處理。但這樣每個連結都要絕對路徑(直接是網址)。

感謝JQuery，程式碼如下。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>

 <script>

$(document).ready(function(){

    $("#Header").load("header.php");

  }); </script>

 <div id="Header"></div>