説明 ◆表（テーブル）◆　ページ内メニュー　

◆自動table・メニュー　　◆可変table・メニュー

簡単な表（テーブル=table）自動作成のJavaScriptです。
「その他」のメニューだったものを、数が増えたので独立させました。
データを１行増減するだけでセルが自動で増減する「自動table」と、縦と横のセル数を指定するだけでtableの形を変化させられる「可変table」の2種類あります。

◆◇◆ このページの背景は、「動く背景・背景作成メニュー」の「背景作成１ランダム配置の模様文字」です。◆◇◆

説明 ◆自動table・メニュー◆

データを１行増減するだけで、tableのセルが自動で増減します。行の入れ替えも簡単です。
番号を修正する必要も、面倒なtableタグを入れる必要も有りません。順番変更も途中挿入も途中削除も簡単にできます。

table項目１個Ａ	■自動■　項目１個・番号無し・上項目無しの、自動作成のtable。
table項目１個Ｂ	■自動■　項目１個・番号付き・上項目無しの、自動作成のtable。
table項目１個Ｃ	■自動■　項目１個・番号付き・上項目付きの、自動作成のtable。
table項目１個Ｄ	■自動■　項目１個・番号無し・上項目無し・背景色が行違いの２色のツートンカラーの、自動作成のtable。
table項目１個Ｅ	■自動■　項目１個・番号付き・上項目無し・背景色が行違いの３色の、自動作成のtable。
table項目１個Ｆ	■自動■　項目１個・番号付き・上項目付き・背景色が行違いの２色の自動作成のtable。
table項目１個メニュー	■自動■　上記Ａ～Ｆまでのtableの紹介メニューをtableで作成。項目１個・番号をアルファベットに変更・上項目付き。
table項目複数Ａ	■自動■　複数の項目のデータを、ズラーッと並べただけの一番簡単なtable。
table項目複数Ｂ	■自動■　複数の項目のデータで、左側に項目欄を設定して、全データの文字の前に●をセット。●のセット分と●のセット無しの分の二つのソースを用意。
table項目複数Ｃ	■自動■　複数の項目のデータで、上側に項目欄を設定して、背景色を２色のツートンカラーに指定。背景色は色を増やすこともできます。
table項目複数Ｄ	■自動■　複数の項目のデータで、上側に項目欄を設定して、背景色を２色のツートンカラーに指定。さらに左側に番号が自動で付きます。
table２個・項目複数Ｅ	■自動■　複数の項目のデータで、上側に項目欄、背景色を２色のツートンカラー、左側に文字付番号指定。別に上側に項目欄無しのtableと、合計２個のtable有り。ソースは合計３種類。
table項目複数Ｆ	■自動■　複数の項目のデータで、上側に項目欄、左側にも項目欄が指定。データを書き込むだけで完成するtableです。
tableリンク１行(画像)	■自動■　１行のデータで、１個のサイトのリンク付きバナー画像とサイト説明文を作成。データを書き込むだけで完成する、tableを使ったリンクページです。
tableリンク１行(文字)	■自動■　１行のデータで、１個のサイトのリンク付きサイト名（文字）とサイト説明文を作成。データを書き込むだけで完成する、tableを使ったリンクページ。メニューとメニュー説明文という使用も可。

説明 ◆可変table・メニュー◆

こちらの可変tableも、順番変更も途中挿入も途中削除も簡単にできます。ただし、番号を自動で付加することはできません。
その代わり最初に縦と横のセル数を指定して、横長、縦長、正方形など、自由にtableの大きさを変化させられます。

tableバナー並べ	■可変■　最初に縦と横のセル数を指定してtableを作成し、リンク付きのバナー画像だけをズラッと並べます。データを書き込むだけで完成する、tableを使ったリンクページです。
tableメニュー作成	■可変■　上記は画像専用ですが、こちらは文字専用。画像を使用する時は、データ行にタグの記述が必要です。文字のメニューを作成。2015/02/05：上記と同様に、データ無しの分は空白表示を追加。
tableリンク付き文字	■可変■　上記をさらに改造して、マウスオン時のtitle文字を無くしました。文字とリンクURLの２個データです。見本では文字全部に画像付きですが、画像削除も簡単に可。
tableリンク無し文字	■可変■　上記をさらに改造して、データは文字のみにしました。画像やリンクを指定する時は、データ行にタグで指定します。その代わり自由度が高いです。
table上下の入れ子(画像)	■可変■　可変tableバナー並べにサイトの説明文を付けました。大きなtableのセルの中に、１個ずつ小さなtableを入れる形。上に画像、下にサイト説明文です。
table上下の入れ子(文字)	■可変■　上記の画像をサイト名に改造しました。タグを使用すれば、画像を入れることもできます。
table左右の入れ子(画像)	■可変■　可変tableバナー並べにサイトの説明文を付けました。大きなtableのセルの中に、１個ずつ小さなtableを入れる形。左に画像、右にサイト説明文です。
table左右の入れ子(文字)	■可変■　上記の画像をサイト名に改造しました。タグを使用すれば、画像を入れることもできます。CSSで小さなtableに角丸指定をし、影を付けています。

---

◆自動table・メニュー　　◆可変table・メニュー