記事参照
No.1 2015/10/10 10:25
題：Re: Smooth Navigational Menuのリスト
名：名無しさん
別ファイルにするならjQueryのloadを使うとかでしょうか。
ただ、JavaScriptやjQueryの使い方を覚える必要があります。
例えばメニューを配置する場所に下のようにコンテナを配置しておき、
<div id="menu1"></div>
下のように別に作成したメニュー部分だけのhtmlファイル、menu1.htmlを挿入するような方法です。
これだとmenu1.htmlを書き換えれば全てのページで反映されます。
<script type="text/javascript">
$(function(){
$("#menu1").load("./menu1.html");
})
</script>
他は置き換えソフトを使う方法もあり、HTMLのコメントでメニュー部分の
コードを囲っておき、そこを新しいコードで置き換えるような方法です。
置き換えするソフトは複数ファイルに対応してるものがほとんどなので、
数十個あっても一瞬で置き換えできます。
こっちは
<!-- menu1 -->
ここがメニュー部分のコード
<!-- menu1_end -->
掲示板に戻る