 → → |
   |
|
| 解凍して、フォルダを開いて最初のファイルは基本的な○のメニューを作成する材料ですが ほかのメニューにも使います。エクスプロｰラを開きcodeフォルダとezdatajsファイルを index.htmlと同じ位置に入れます。 |
||
 |
これらは、下に並んでいるexampleが付い ているメニューを 作成するのに使います。10数種類有ります。 これから作るのはexample_sfx.htmlです。 menus dataフォルダを開きます。 開くとjsファイルが並んでいるので、 example_sfx.ｊｓファイルを開きます。 ファイル名部分にマウスを当てると 全ファイル名が表示されるので、必ず 確認してください。→ |
 |
| helptextフォルダは使わないのでこの時点で削除しても構いません。 imagesフォルダの中身もほとんど使わないので、慣れたらセレクトしてください。これからexample_sfx.ｊｓファイルを修正しますが、プレビューで確認しながら進めますので1回戻ってexample_sfx.htmlファイルを開きます。optionフォルダはexample_dynamic.htmlの３種類の作成に使います。 ３種類というのはitem1,2,3(この場合はパネルアイテム）がそれぞれ違うということです。 これから練習するexample_sfx.htmlパネルアイテムやエフェクト、シャドウなど数種類のアイテムが 入っています。サンプル全体をみてもアイテムの組み合わせであることがわかると思います。 menu makerというjsファイルを自動生成するソフトが有りますがほとんど関係ないので省きます。 <script language="JavaScript" src="menus_data/example_sfx.js"></script> <script language="JavaScript"> ez_codePath = "../code/" </script> <script language="JavaScript"> document.write("<SCR" + "IPT SRC='" + ez_codePath + "ezloader.js'><\/SCR" + "IPT>"); </script> <script>menusGo()</script> <script>showPermPanel('Special', 20, 25) </script> example_sfx.htmlを右クリックでソースの表示から上記部分をページのＢｏｄｙ部分にに貼り付けます。 このままではプレビューで何も表示されません。ソースを表示させて サンプルとcodeフォルダの位置関係が違うので../部分を削除して上書き保存します。 これでエラーや表示されない場合は code、 menus data 、imagesのフォルダがページと同じところにあるか確認してください。 どうしてもわからない時は、白紙のページを開かない状態（灰色）で画面を中位のサイズにして example_sfx.htmlをドラッグして放り込んでください。コピーはだめです。名前を付けて保存。 この場合、保存されるファイルの位置を確認しておいてください。 次に改造です。menus dataフォルダのexample_sfx.jsファイルを右クリック編集で開きます。 アプリケーションから開くを要求されたらNOTE PADを選択します。   |
||
| Menu[0]はメインメニューの文字です。横に並んでいます。ドラッグで消して上書きします。 注意するとわかりますが、1から7までサブメニューが順番に縦に並んでいますが、実際は 違います。□のTranslucentはMenu[6],Waveは[7}です。従って□のFade[1],Dissolve[2] の順番になります。 □はメインメニューの文字色で□はロールオーバーの際の文字色です。全部いっしょです。 □は表面の色の違うSpecial Effectsと Animation Eの文字色です。これは最初の1個 で両方変わります。位置を変える場合は!<b></b>の書式に変えます。 □その他の表面色です。□は表面のロールオーバー時の色です。 □は!<b></b>の表面色。4つ目の□は全体の枠の色です。 その隣の4色はMenu[1] Fadeのサブメニューの表面色、ロールオーバー色、無効、枠の色 次いでMenu[2]Dissolve従って一番最後はMenu[7]Waveのサブメニューの表面色、ロール オーバー色、無効、枠の色になります。 サブメニューの文字色ですが□□のメインメニューの並びがMenu[1] Fadeのサブメニュー の文字色とロールオーバー、Menu[2]Dissolveと色と同様に並びます。 影はの色はvar ez_sfx = new Array("progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#66ffff,strength=5)", と書いてある部分でstrength= の数字が大きくなると影も大きくなります。 ちょっと複雑でわかりにくいと思います。どこから判らないかBBSにどうぞ。  |
||