複数のメニューを指定位置に作成

  利用ガイド



残念ながら、Opera では現在のところ動作しません。

  
<SCRIPT 
	language="javascript"
	type="text/javascript"
	src="http://homepage2.nifty.com/lightbox/lightboxmenu.js">
</SCRIPT>
  


以下に上部で実装したメニューのコードを示します。
複数のユニットを作成できますが、下から作成するようにします。
また、適用する為の Apply コマンドは、最後に一度だけで結構です

  
<HTML>
<HEAD>

<META http-equiv="Content-Type" content="text/html; charset=shift_jis">
<SCRIPT 
	language="javascript"
	type="text/javascript"
	src="http://homepage2.nifty.com/lightbox/lightboxmenu.js">
</SCRIPT>
<SCRIPT language="JavaScript" type="text/javascript">

	// オブジェクト作成
	var MenuA = new LMENU( "Unit1" );
	var MenuB = new LMENU( "Unit2" );

window.onload = function setMyMenu() {

	// *****************************************************
	// 下のメニュー
	// *****************************************************

	// 基本部品の作成
	MenuA.Create(
		"http://argus.sblo.jp/",
		"<img border=\"0\" src=\"http://lightbox.on.coocan.jp/image/argus.png\">",
		"_blank" );

	// カラム追加
	MenuA.Add(
		"http://winofsql.jp/VA003334/download051208134101.htm#ttl7",
		"<img border=\"0\" src=\"http://lightbox.on.coocan.jp/image/chm.png\">",
		"_blank" );

	// 帯長さの調整
	MenuA.AddEnd( 10 );

	// 位置指定
	if (window.navigator.appName.toLowerCase().indexOf("microsoft") > -1) {
		MenuA.SetPosition( 100, 190 );
	}
	else {
		MenuA.SetPosition( 100, 185 );
	}

	// 色の調整
	MenuA.menuUnit.style.backgroundColor = "forestgreen";
	MenuA.menuBase.style.backgroundColor = "forestgreen";

	// 横一行の適用
	MenuA.ApplyBase();

	// 行の追加
	MenuA.AddSpCol(1);
	MenuA.AddColumn(
		1,
		"http://bonurd.winofsql.jp/sb/",
		"開発室",
		"_blank" );
	MenuA.AddColumn(
		1,
		"http://lightbox.on.coocan.jp/",
		"楽じゃない空間",
		"_blank" );
	MenuA.AddColumn(
		1,
		"http://oab.myvnc.com:8000/~bonurd/",
		"技術屋リンク倉庫",
		"_blank" );
	MenuA.AddSpCol(1);

	MenuA.AddSpCol(2);
	MenuA.AddColumn(
		2,
		"http://homepage2.nifty.com/lightbox/php.chm",
		"PHP : リコンパイルバージョン" );
	MenuA.AddColumn(
		2,
		"http://homepage2.nifty.com/lightbox/refman-4.1-ja.chm",
		"MySQL : リコンパイルバージョン" );
	MenuA.AddSep(2);
	MenuA.AddColumn(
		2,
		"http://homepage2.nifty.com/lightbox/PostgreSQL814.chm",
		"PostgreSQL 8.1.4文書" );
	MenuA.AddColumn(
		2,
		"http://lightbox.on.coocan.jp/download/pear_manual_ja.chm",
		"PEAR : リコンパイルバージョン" );
	MenuA.AddSpCol(2);

	// *****************************************************
	// 上のメニュー
	// *****************************************************

	// 基本部品の作成
	MenuB.Create(
		"http://argus.sblo.jp/",
		"ARGUS",
		"_blank" );

	// カラム追加
	MenuB.Add(
		"http://winofsql.jp/VA003334/download051208134101.htm#ttl7",
		"CHM",
		"_blank" );

	// 帯長さの調整
	MenuB.AddEnd( 200 );

	// 位置指定
	if (window.navigator.appName.toLowerCase().indexOf("microsoft") > -1) {
		MenuB.SetPosition( 200, 90 );
	}
	else {
		MenuB.SetPosition( 200, 85 );
	}

	// 色の調整( デフォルト )

	// 横一行の適用
	MenuB.ApplyBase();

	// 行の追加
	MenuB.AddSpCol(1);
	MenuB.AddColumn(
		1,
		"http://bonurd.winofsql.jp/sb/",
		"開発室",
		"_blank" );
	MenuB.AddColumn(
		1,
		"http://lightbox.on.coocan.jp/",
		"楽じゃない空間",
		"_blank" );
	MenuB.AddColumn(
		1,
		"http://oab.myvnc.com:8000/~bonurd/",
		"技術屋リンク倉庫",
		"_blank" );
	MenuB.AddSpCol(1);

	MenuB.AddSpCol(2);
	MenuB.AddColumn(
		2,
		"http://homepage2.nifty.com/lightbox/php.chm",
		"PHP : リコンパイルバージョン" );
	MenuB.AddColumn(
		2,
		"http://homepage2.nifty.com/lightbox/refman-4.1-ja.chm",
		"MySQL : リコンパイルバージョン" );
	MenuB.AddSep(2);
	MenuB.AddColumn(
		2,
		"http://homepage2.nifty.com/lightbox/PostgreSQL814.chm",
		"PostgreSQL 8.1.4文書" );
	MenuB.AddColumn(
		2,
		"http://lightbox.on.coocan.jp/download/pear_manual_ja.chm",
		"PEAR : リコンパイルバージョン" );
	MenuB.AddSpCol(2);

	MenuB.Apply();

}

</SCRIPT>

</HEAD>
<BODY>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />


</BODY>
</HTML>
  












  infoboard   管理者用   
このエントリーをはてなブックマークに追加





フリーフォントWEBサービス
SQLの窓WEBサービス

SQLの窓フリーソフト

素材

一般WEBツールリンク

SQLの窓

フリーソフト

JSライブラリ