M e n u [ CONTENTS/目次 ] ◆■■ 出す | 消す visibility ■■■||||||||||||||||||||||||||||||||||||| └◆【 出す/消す 】 showLAYER() hideLAYER() 　　├A01 ボタンクリックで文字を出す 　　├A02 リンククリックで画像を出す 　　├A03 リンククリックでリンクを出す 　　├A04 リンククリックで文字を消す 　　├A05 ラジオボタンクリックで文字を出す/消す 　　├A06 フォ−ムオプション選択で文字を出す/消す 　　├A07 ボタンクリックでボタンを出す/消す 　　├A08 リンクに触るとHELPを出す/消す 　　├A09 リンクに触ると画像が切り替わる 　　├A10 リンククリックで画像やボタンが切り替わる 　　├A11 リセットボタンを押すとレイヤーを出す 　　└A12 選択後フォ−ムオプションを消す ◆■■ 座標ｘｙ left top ■■■||||||||||||||||||||||||||||||||||||| ├◆【 移動/出す/消す 】moveLAYER() │　├B01 ボタンクリックで文字を移動する │　├B02 ボタンクリックで文字を(見える位置へ)出す │　├B03 ボタンクリックで画像を(見える位置へ)出す/消す │　├B04 リンククリックでリンクを切り替える │　├B05 ボタンクリックで画像位置を変える │　├B06 ボタンクリックでボタンが移動する │　├B07 ラジオボタンクリックで画像を移動する │　├B08 リンクに触ると画像がするするっと移動する │　├B09 ボタンクリックで文字を連続移動する │　├B10 ボタンクリックでフォームが切り替わる │　├B11 クリックした場所へ画像が移動する ├◆【 現在位置を起点として移動 】 moveByLAYER() │　├B12 ボタンクリックで文字を相対移動する │　├B13 ボタンクリックで画像を上下左右へ相対移動する │　├B14 数字キ−で画像を上下左右へ相対移動する │　├B15 リンクをこすると画像が相対移動する │　├B16 リンクに触るとリンクが上下移動する │　├B17 リンクに触っている間画像が移動し離れると止る │　├B18 フォームで指定した距離だけテーブルを動かす ├◆【 スライド 】 slideLAYERs() │　├B19 ボタンクリックで文字をスライドさせる │　├B20 ボタンクリックで複数の文字をスライドさせる │　├B21 ボタンクリックで複数の文字をスライドして集める │　├B22 ボタンクリックで文字を(見えない位置から)スライドして出す │　├B23 ボタンクリックで文字を(見えない位置へ)スライドして消す │　├B24 リンククリックで画像を(見える位置へ)スライドして出す │　├B25 ボタンクリックで文字をスライドして出す/消す │　├B26 ボタンクリックで画像をスライドして出す/消す │　├B27 ページへ入るとタイトル画像が集まってくる │　├B28 ページへ入るとタイトル画像が集まってくる2 │　├B29 ページへ入るとタイトル文字がフェイドしながらでてくる │　├B30 ページへ入ると巨大なタイトル文字がお出迎え │　├B31 リンクに触ると触った場所へフラッシュがスライドしてくる │　├B32 リンクに触るとフラッシュメニューがスライドしてくる │　├B33 リンクに触るとDHTMLメニューがスライドして出てくる │　├B34 画面をクリックすると画像がマウスの位置までスライドする ├◆【 レイヤー位置固定 】 fixedLAYER() │　├B35 画面右上にリンクを固定表示 │　├B36 画面右上に▼Bottom、右下▲Topを固定表示 │　├B37 画面左下に画像リンクを固定表示 │　├B38 画面左上に複数リンクを固定表示 │　├B39 画面中央に複数リンクを固定表示 │　├B40 画面左上に複数リンクを固定+背景色フェイドイン(2-6) │　├B41 画面左上に出し入れ可能なメニューバーを設置 ├◆【 マウスポインタ追跡 】 followingLAYER() │　├B42 マウスを追って画像が移動する │　├B43 マウスを追ってボタンが移動する(なかなか押せない...) │　├B44 マウスを追って複数画像が移動する │　├B45 マウスを追って複数画像が移動する(横に並ぶ) │　├B46 マウスを追って複数画像が移動する(縦に並ぶ) │　├B47 マウスを追って複数画像が移動する(時間差) │　└B48 マウスを追って水平罫線が移動する └◆【 レイヤーを生成 】createLAYER() 　　├B49 レイヤーを自動生成 　　└B50 画面をクリックでそばにリンクが現れる ◆■■ 座標ｚ z-Index ■■■||||||||||||||||||||||||||||||||||||| └◆【 重ね合わせ 】zindexLAYER() 　　├C01 画像に触ると触った画像が前に出る 　　├C02 触ったリンク画像が階段状に前に出る 　　├C03 C02を位置固定メニューにする 　　├C04 触った画像が手前になる円形リンク 　　├C05 ルーレットリンクで止まったURLへジャンプ 　　└C06 ボタンクリックで(下に隠れていた)文字を出す/消す ◆■■ サイズ width height clip■■■||||||||||||||||||||||||||||||||||||| ├◆【 クリップ 】setCLIP() │　├D01 ボタンクリックで画像のクリップを変更する │　├D02 リンクをこすると画像のスリット状クリップが移動する │　├D03 マウスの動きに合わせてクリップサイズが変わる │　├D04 マウスポインタをクリップ窓が追尾します │　├D05 ボタンクリックでクリップが縦に広がる │　└D06 画面クリックでクリップが横に広がる └◆【 ワイプ 】wipeCLIP() 　　├D07 ページへ入るとワイプする 　　├D08 画像が now loading... 表示後、ワイプで現れる 　　├D09 ボタンクリックで画像がワイプして現れる 　　├D10 ページ全体がワイプする 　　└D11 ページへ入ると観音開きでワイプする ◆■■ HTML出力 document.write | innerHTML ■■■|||||||||||||||||||||||| └◆【 HTML出力 】 outputLAYER() 　　├E01 ボタンクリックで文字を出す(書き出す) 　　├E02 ボタンクリックで文字を書き換える 　　├E03 ボタンクリックでHTMLを書き換える 　　├E04 リンクに触るとHTMLが書き換わる 　　├E05 時刻のリアルタイム表示(時刻を書き替える) 　　├E06 時刻のリアルタイム表示(カスタマイズ版) 　　├E07 ボタンクリックでテーブルを書き換える 　　├E08 リンクに触るとヘルプテーブルが現れる 　　├E09 マウスを追跡するヘルプテーブル 　　├E10 マウスを追跡するヘルプテーブル(複数) 　　├E11 マウスを追跡するヘルプテーブル(影付き) 　　└E12 ボタンクリックでテーブルのデータをソートする ◆■■ レイヤ−の色 bgColor | backgroundColor | opacity ■■■||||| ├◆【 背景色set 】 setBGCOLOR() │　├F01 JavaScriptでhoverしてみる1 │　├F02 JavaScriptでhoverしてみる2 │　├F03 リンクに触ると背景色がフラッシュ │　├F04 リンクに触ると背景色が変るメニュ− │　└F05 カーソルがフォームに触ると背景色が変わる ├◆【 背景色フェイド 】 fadeBGCOLORbyGRY() fadeBGCOLOR() │　├F06 ページへ入るとレイヤーの背景色がフェイドイン │　├F07 リンクに触ると背景色がフェイドイン │　├F08 リンク背景色が指定色からフェイド後透明 │　├F09 レイヤーに触ると指定色から指定色へフェイドする │　├F10 レイヤーに触ると指定色から指定色へフェイドする2 │　├F11 カーソルがフォームへ入ると背景色フェイドイン │　└F12 クリックするとボタンの色がフェイドする ├◆【 不透明度set 】 setOpacity() │　├F13 リンクに触ると半透明のヘルプが現れる │　├F14 リンクに触ると半透明のヘルプがスライドして現れる │　├F15 入力時以外は半透明のフォーム │　├F16 リンクに触ると対応する文字の透明度が変わる │　├F17 リンクに触ると対応する画像の透明度が変わる │　└F18 画像に触ると透明度が変わる └◆【 不透明度フェイド 】 fadeOpacity() 　　├F19 リンクに触るとヘルプが半透明にフェイドしつつ現れる 　　├F20 リンクに触るとヘルプが半透明フェイドしつつスライドする 　　├F21 リンクに触ると対応する文字が半透明フェイド 　　├F22 リンクに触ると対応する画像が半透明フェイド 　　└F23 画像に触ると半透明フェイド ◆■■ レイヤ−の背景画像 background.src | backgroundImage ■■■|||||||||||||||||| └◆【 背景画像set 】 setBGIMG() 　　├G01 リンクをなぞると背景画像が変わる 　　├G02 ページへ入ると背景画像が順次変わる 　　├G03 触るとテキストエリアの背景が原稿用紙画像に変わる 　　└G04 テキストフィールドに触ると背景画像が変わる ◆■■ ウインドウ window ■■■||||||||||||||||||||||||||||||||||||| ├◆【 Screen上のマウス座標get 】 getMouseXonScreen() getMouseYonScreen() │　├H01 クリックしたそばにサブウインドウが開く │　└H02 クリックしたそばにサブウインドウが開く(常に前面表示) ├◆【 スクリ−ン有効幅高get getScreenAvailWIDTH() getScreenAvailHEIGHT() │　└H03 スクリーンサイズに合わせてウインドウを開く └◆【 ブラウザリサイズ(内寸) 】resizeToWIN() sbwin_closed() 　　├H04 ウインドウを開いた後ウインドウサイズを変える 　　└H05 サブウインドウと親ウインドウ間のデータ通信 ◆■■ イベント Event ■■■||||||||||||||||||||||||||||||||||||| ├◆【 クリックする 】と oj.onclick │　├I01 画面クリックで画像を出す │　└I02 クリックするとはじけるペンギン ├◆【 ダブルクリックすると 】oj.ondblclick │　├J01 画面をダブルクリックで画像を出す/消す │　└J02 画面をダブルクリックでスライド移動のスライドショー ├◆【 キ−を押すと|離すと 】oj.onkeypress|onkeydown|onkeyup │　├K01 押したキ−によって処理を分岐する │　└K02 数字キ−でレイヤ−を動かす ├◆【 マウスボタンを押すと|離すと 】oj.onmousedown|onmouseup │　└L01 マウスボタンを押している間文字が移動する └◆【 マウスポインタが触ると|離れると 】oj.onmouseover|onmouseout 　　└M01 指定した文字に触ると文字を出す/消す ◆■■ 応用 ■■■||||||||||||||||||||||||||||||||||||| 　　├helpChip 1 リンクに触ると現れるヘルプチップ 　　├helpChip 2 リンクに触ると現れるヘルプチップ2(不透明フェイド) 　　├menu HTMLで書けるポップアップメニュー 　　├carendar_lay カレンダーによる日付入力( レイヤー版 ) 　　├carendar_win カレンダーによる日付入力( サブウインドウ版 ) 　　├3D-blocks 画像を重ねて作った3D風アニメ−ション 　　├kuji スピードくじ 　　├sliderbar スライダーバー 　　├TypeWriting タイプライタを打つように文字が順番に出力 　　├Tab ワイプして切り替わるタブ 　　├Random move ランダムに動き回るリンク 　　├Pen Seeker ペンギンを探せ 　　├Trimming クリップによる画像トリミング 　　├Dynamic Load ダイナミックロード 　　├.jsDB001 JavaScriptデ−タべ−ス/基本型 　　├.jsDB002 JavaScriptデ−タべ−ス/検索[button] 　　├.jsDB003 JavaScriptデ−タべ−ス/検索[option] 　　├.jsDB004 外部.jsファイルのDBを動的に変更 　　├fontStyleGenerator STYLEサンプル自動生成 　　├AniMaker pro1.0 アニメ−カ− 　　└大仏ム−ビ−DHTML版