ホーム へ     サンプルページ  レイヤーWin  layer_win.htm

サンプルページ  レイヤースクロールの、”レヤーWin”部分。    起動Winの外に生成。   DHTML。   コンテンツの編集 テキストエディターで。    all 対応です。     コピー、編集して制作者の情報を反映、簡単にWebで応用できます。  編集方法は、layer_scroller.htm で。

デモは、 ”<<< << <> >> >>>” をマウスオーバー(マウスカーソルを置く)します。    >>>:速い >:遅い

      こんちわ =(・。・)=  \^o^/  ♪└|∵|┐♪└|∵|┘♪┌|∵|┘♪

  •  Java、Java Script、DHTMLなどのサンプルページ!   ホームページの多彩な表現を支援する、カット&ペーストですぐ使える最新のサンプル多数。 カテゴリー区分版。
    1.  表 いろいろ          1〜6列、段落、など
      1. 本文右 
      2. 中央1列見出し付き 
      3. 本文2列 
      4. 2列メニュー付き 
      5. 3列均等  
      6. 3列メニュー付き 
      7. 3列メニュー、サイドバー付き 
      8. 3列右セクション付き 
      9. 4列 タイトルバー付き 
      10. 6列段落付き 1 2 3 4 
    2.  フレーム、フォーム         フォーム、スクロール、フレーム、IFRAME、縦書き
      1. 縦書き               フォーム、CSS。 ie5.5〜。
      2. スクロールバーカラー          フォーム、CSS、プルダウンメニュー、テキストボックス、メールデコードフォームなどのフォームのスクロルバーの彩色指定です。 ie5.5〜。
      3. スクロール文字            フォーム、流れるメセージ + Winサイズに応じてサイズを変えるタイトルやメッセージ。
      4. スクロールテキストボックス        フォーム
      5. メールデコードフォーム         フォーム、ページ訪問者からのお言葉゙を貰うフォームや、アクセスカウンターの(例)と詳細な設置手順。 So-net U-Page専用。
      6. 足跡を遺す            フォーム、ページ訪問者の足跡/あしあと”∴”を貰う。 
      7. ヘッダーフレーム frame1       フレーム、上・中式
      8. ヘッダーフレーム frame1       フレーム、上・中式
      9. ネストフレーム   frame2       フレーム、左+上・下式ドロップダウンメニューでフレームコンテンツの選択や、複数フレームの表示を同時に切り替えるJavaScript例。
      10. バナーフレーム   frame3       フレーム、上+左・右式
      11. 左右フレーム  frame4        フレーム、左・右式
      12. 左右フレーム2 frame5+折り畳みリスト フレーム、左・右式+DHTML
      13. ヘッダーフッターフレーム frame6    フレーム、上+左・右+下式
      14. ヘッダーフッターフレーム2 frame7    フレーム、上・中・下式
      15. フッターフレーム frame8        フレーム 中・下式
      16. IFRAME              DHTML、CSS、ページ中にフレーム(IFRAME)を出現/隠蔽させ、指定のページを表示。
      17. IFRAME 2             DHTML、CSS、ページ中のフレーム(IFRAME)に、指定のページを表示、背景画像の透明可能。 ie5.x〜。
      18. IFRAME 3             DHTML、CSS、インラインフローティングフレーム(IFRAME)に透明コンテンツを実装するサンプルです。  ie5.5x〜。
      19. ……
    3.  Java Script、入門     トップページサンプル、新しいWin、Java ScriptTips集、♪・サウンド実装
      1. Hello!… のページへ  1    ライコスサーチ、お気に入りボタンのサンプル実装済み。
      2. Hello!… のページへ  2    ライコスサーチ、バナー広告、midiオブジェクト、e-mailハイパーリンクのサンプル実装済み。
      3. Hello!… のページへ  3    ライコスサーチ、バナー広告、折り畳みリストのサンプル実装済み。
      4. Hello!… のページへ  4    ライコスサーチ、新しいWinへのプルダウンメニューの設置方法とサンプル実装済み。
      5. Hello!… のページへ  5    ライコスサーチ、MicrosoftなどのWebで使用のプルダウンメニュー(トップナビバー)のサンプル実装済み。  
      6. JavaScriptTips集        FrontPage Expressで [?] マークのペースト、WordpadでHTMLのペーストで簡単に応用できるJava Script、DHTML集。
      7. 新しいページ 1           WordPadで開き、<head>や、<body>にJava Appletや、JavaScript、DHTMLのコードなどを貼り付ます。
      8. 新しいWinのサイズ、位置     ハイパーリンクのクリックから新しいWinが開きます。 Winサイズ、位置、ツール/ステイタス/スクロールバーが指定できるJavaScript。
      9. 新しいWinのサイズ、位置 3   縮小画像 → 拡大画像を新しいWinで表示。 Winサイズ、位置、ツール/ステイタス/スクロールバーが指定できるJavaScript。
      10. 新しいWinのサイズ、位置 4    オープン時に新しいサブWinも同時に開き、このページを閉じてもサブWinは閉じません。 JavaScript
      11. ……
    4.  Java Script、CSS     Java Script、CSS、ランダム画像、下線など制御、縦書き、……
      1. 縦書き               フォーム、CSS。 ie5.5〜。
      2. スクロールバーカラー          フォーム、CSS、プルダウンメニュー、テキストボックス、メールデコードフォームなどのフォームのスクロルバーの彩色指定です。 ie5.5〜。
      3. レイアウト枠1             DHTML・LAYER、コンテンツの強力なx、y座標制御、レイヤによる絶対位置制御。
      4. カテゴリーメニュー            フレーム+折り畳み表式のナビゲーションメニュー。 IE4.x〜、NN4.x〜対応。 Java Script
      5. プルダウンポップアップメニュー     プルダウンメニューから新しいWinでリンク先を開く。 Winサイズ、位置、アドレス/ステイタス/スクロールバーが指定できるJavaScript。
      6. ランダムバックミュージック        10曲のmidiファイルなどのBGMをランダムに自動再生、曲設定はURLで。 JavaScript
      7. ランダム背景画像 2        ページの読み込みの度に3個の背景画像をランダムに切り替える。 画像設定はURLで。 2:7個  Java Script
      8. ランダム画像             ページの読み込みの度に10個の画像をランダムに切り替える。 画像/リンク先設定はURLで。 Java Script
      9. FTPサーバーログイン         Internet ExplorerからFTPサーバーにログインする。 Java Script
      10. キーランチャー             ホットキーによるランチャーです、予め設定した任意のキーでサイトを開きます。  JavaScript。  
      11. タイムスタンプ              自動更新
      12. スタイルシート             CSS、スタイルシートを別ファイルにせず、HTMLに埋め込んだ(例)です。
      13. リンクカラー              CSS、個別/ページ全体のリンクの下線/文字色/書体/背景色をマウスオーバーで変化させる。
      14. ……
    5.  DHTML ナビゲ-ション    ツリーメニュー、プルダウンメニュー、クールバー、水平スライドメニュー、折り畳みリスト、IFRAME、吹き出し
      1. クールバー              DHTML、Internet Explorer5.0x、Win2000などに搭載中のクールなツールバー。
      2. クールバー 2             DHTML、CSS、IFRAME、クールなツールバーのアイコンからIFAMEにページを表示します。
      3. トップナビバー 2 3 4       DHTML、MicrosoftなどのWebで使用のプルダウンメニュー。  2、3、4:簡易版、色違い
      4. ツリーメニュー              Java Applet、Explorer風のツリーメニュー。
      5. ツリーメニュー 2             Java Applet、Explorer風のツリーメニュー。自動スクロール。
      6. ツリーメニュー 3            DHTML、折り畳みメニュー風のツリーメニュー。 リンク編集は、<a>タグで。
      7. ツリーメニュー 4            DHTML、折り畳みメニュー風のツリーメニュー。 リンクの直接編集可能、IE4.x〜、NN4.x〜対応。
      8. ツリーメニュー 5            DHTML、フレーム+Explorer風の3層ツリーメニュー。 IE4.x〜、NN4.x〜対応。
      9. 階層メニュー             DHTML、CSS、2階層の表でリンクメニューを表示。 リンクのマウスオーバー時に下線が出現。
      10. 左メニュー 2              DHTML、スクロールを無視した強靱な定位置表示メニューを左上から引き出す。
      11. 水平スクロールメニュー        DHTML、画像のマウスオーバーでリンクメニューを水平スクロール。 リンク編集は、<a>タグで。
      12. 2層プルダウンメニュー        DHTML、カテゴリー +ハイパーリンクなど、2階層の選択メニュー。
      13. 折り畳みコンンテンツ        DHTML、説明文や画像などのコンテンツを折り畳み/展開表示。
      14. 折り畳みリスト1(初期折り畳み) 2 3(色) 1(初期展開) 2  DHTML、ドロプダウンメニューよりも自在な表現可能、編集簡単。
      15. 折り畳みリスト3(初期折り畳み) 2 DHTML、このページの作成方法、Java、Java Script、DHTMLのサンプルページをカテゴリ区分。
      16. IFRAME              DHTML、CSS、ページ中にフレーム(IFRAME)を出現/隠蔽させ、指定のページを表示。
      17. IFRAME 2             DHTML、CSS、ページ中のフレーム(IFRAME)に、指定のページを表示、背景画像を透明にします。 ie5.x〜。
      18. IFRAME 3             DHTML、CSS、インラインフローティングフレーム(IFRAME)に透明コンテンツを実装するサンプルです。  ie5.5x〜。
      19. Dynamic_Sync Frame      DHTML、CSS、Excelのウィンドウ枠固定風の表などを作成。
      20. スライドショー 3           DHTML、自動的にWebの画像を切り替え表示します。 拡大画像へのジャンプも。
      21. ポップメニュー             DHTML、CSS、画像/テキストのクリックで小さいリンクテーブルを表示。
      22. ポップメニュー 4           DHTML、CSS、画像/テキストのマウスオーバーで小さいリンクなどのコンテンツを表示。
      23. ……
    6.  DHTML マウスオーバー      マウスオン、マウスオーバー効果
      1. クールボタン             DHTML、Internet Explorer5.0x、Win2000などに搭載中のクールなボタン。
      2. マウスオーバー 2 3        DHTML、マウスオーバーでリンク付きアイコンを切り替える。 2、3:横長表に画像を配置。
      3. マウスオーバー 4           DHTML、リンクのマウスオーバーで右などに画像、テキストなどを表示、クリックでページを開きます。
      4. クールバー              DHTML、Internet Explorer5.0x、Win2000などに搭載中のクールなツールバー。
      5. クールバー 2             DHTML、CSS、IFRAME、クールなツールバーのアイコンからIFAMEにページを表示します。
      6. リンクカラー              CSS、個別/ページ全体のリンクの下線/文字色/書体/背景色をマウスオーバーで変化させる。
      7. ホバーボタン 2サウンド付き     Java Applet、ボタン/画像のマウスオーバー/クリックで画像をチェンジ/サウンド演奏/Webを開く。
      8. ……
    7.  DHTML カーソル        アニメーションカーソル
      1. マウスカーソル 2 3 4 5 6      DHTML、6〜個のイメージがカーソルに纏わり付く。 6種類。
      2. マウスカーソル7           DHTML、メッセージテキストがカーソルに纏わり付く。 表示時間可変、縦横表示。
      3. ……
    8.  DHTML メッセージ      小Winにメッセージ、コンテンツ表示
      1. 常駐コンテンツ 2 3        DHTML、CSS、スクロールを無視した強靱なメニューを定位置表示。 2:IE4.x〜、NN4.x〜。 3:横長
      2. メッセージ 2              DHTML、ページオープン時にメッセージテーブルを表示。 テーブルに、JavaScriptやリンクを表示。 2:フェードイン/アウト
      3. メッセージ 3             DHTML、PopUp です、ドキュメント フラグメントを独自のウィンドウに表示。 外部にレンダリングのメニューに便利。 ie5.5〜。
      4. メッセージスクロール          DHTML、メセージを区切って小さいエリアに自動スクロール式で表示します。
      5. メッセージスクロール 2         DHTML、メセージを小さいエリアにスクロール式で表示します。 IE4.x〜対応。
      6. メッセージスクロール 3         DHTML、LAYER、固定〔画像、下段リンク〕、5種類を2巡表示後に自動停止。
      7. コーナーロゴ/イメージ         DHTML、コーナーにしばらく常駐するロゴやイメージ、リンクとメッセージ付き。
      8. ……
    9.  DHTML ポップメニュー    右、左クリック → メニュー表示
      1. コンテキストメニュー 2         DHTML、右クリックで、欲しかったリンクをポップアップ表示、IE5.x〜。
      2. ポップアップメニュー         DHTML、左クリックで、欲しかったリンクをポップアップ表示。
      3. ポップメニュー             DHTML・CSS、画像/テキストのクリックで小さいリンクテーブルを表示。
      4. ポップメニュー 2           DHTML・LAYER によるポップメニュー、リンクのマウスオーバーでテキスト枠を表示、ターゲットサイズ可変。
      5. ポップメニュー 3           DHTML・CSS、ポップメニュー、リンクのマウスオーバーでテキスト枠を表示、枠サイズ色可変。
      6. ポップメニュー 4           DHTML、CSS、画像/テキストのマウスオーバーで小さいリンクなどのコンテンツを表示。
      7. ……
    10.  DHTML Win         Windows・ブラウザー制御、表示効果
      1. 新しいWinのサイズ、位置     ハイパーリンクのクリックから新しいWinが開きます。 Winサイズ、位置、ツール/ステイタス/スクロールバーが指定できるJavaScript。
      2. 新しいWinのサイズ、位置 3   縮小画像 → 拡大画像を新しいWinで表示。 Winサイズ、位置、ツール/ステイタス/スクロールバーが指定できるJavaScript。
      3. 新しいWinのサイズ、位置 4    オープン時に新しいサブWinも同時に開き、このページを閉じてもサブWinは閉じません。 JavaScript
      4. サブウィンドウ 2 3          DHTML、リンクや画像(2)のクリックで、小さな可変Winにサウンド、ストリームコンテンツなどを表示
      5. Dynamic_Sync Frame      DHTML、CSS、Excelのウィンドウ枠固定風の表などを作成。
      6. レイアウト枠1             DHTML・LAYER、コンテンツの強力なx、y座標制御、レイヤによる絶対位置制御。
      7. オブジェクトの中央配置 2    DHTML、Winサイズ変化に応じてコンテンツを常に中央に表示、表併用。 2:表ナシ。
      8. センターウィンドウ           DHTML、リンクのクリックで、中央配置の小さな可変Winにコンテンツなどを表示。
      9. フルスクリーン             DHTML、ターゲットページをツールバー無しのフルスクリーンで表示。 
      10. スクリーン解像度          DHTML、ディスクトップ領域〔W、H〕、カラーパレット、深度を検出。
      11. スクリーン解像度 2         DHTML、解析したスクリーン解像度に応じたページを表示。保存は、ここ を右クリック → [対象をファイルに保存] 
      12. ページ切り替え1 2 3      DHTML、映画のようなページオープン/クローズ。
      13. スプラッシュ              DHTML、オープン時に順に3個のメッセージ画像を表示後に、ページを ”派手に=(゜。゜)=” 開く。
      14. トップダウンスクロール         DHTML、エピローグのような字幕。
      15. 右クリック停止            DHTML、マウスの右クリックで出現する、コピー、プロパティ、……メニューを停止させる。
      16. ゴーホーム              DHTML、ブラウザーに設定したホームページに戻る”ボタン”を追加する。
      17. IEのデフォルトHPなど        DHTML、IEのデフォルトホームページボタン、お気に入りに追加するボタン、お気に入りアイコンを変える方法。
      18. スクロール文字            フォーム、流れるメセージ + Winサイズに応じてサイズを変えるタイトルやメッセージ。
      19. スクロールバーカラー          フォーム、プルダウンメニュー、テキストボックス、メールデコードフォームなどのフォームのスクロルバーの彩色指定です。 ie5.5〜。
      20. ……
    11.  DHTML 画像        画像ナビゲーション、スライドショー、画像拡大
      1. イメージセレクター           DHTML、ドロップダウンメニューで選択したイメージを同じページに表示。
      2. ポップアップ画像          DHTML、画像をポップアップWinに表示します。
      3. 画像拡大             DHTML、CSS、画像をリアルタイムで拡大/縮小表示します。
      4. 画像ズーミング           DHTML、CSS、画像をリアルタイムで連続ズーミング(10〜200%)表示します。 ie5.5〜
      5. 新しいWinのサイズ、位置 3   縮小画像 → 拡大画像を新しいWinで表示。 Winサイズ、位置、ツール/ステイタス/スクロールバーが指定できるJavaScript。
      6. スライドショー 2            DHTML、右フレームに表示のWebをタイマー自動切り替え。 2:ヘッダーフレームタイプ。
      7. スライドショー 3           DHTML、自動的にWebの画像を切り替え表示します。 拡大画像へのジャンプも。
      8. Drag_resize            DHTML、実験、(-."-;)
      9. ドラッグ・ドロップ           DHTML、CSS、 画像+テキストが自由にドラッグ配置できる。
      10. 画像切り替え           Java Applet、2個の画像を指定した遷移時間、間隔で繰り返し、オーバーラップ しながら切り替える。
      11. ランダム背景画像 2        ページの読み込みの度に3個の背景画像をランダムに切り替える。 画像設定はURLで。 2:7個  Java Script
      12. ランダム画像             ページの読み込みの度に10個の画像をランダムに切り替える。 画像/リンク先設定はURLで。 Java Script
      13. バナー広告(画像切り替え)   Java Applet、バナー広告などの画像をタイマー自動切り替え。
      14. ……
    12.  DHTML いろいろ      エディター、”お気に入り”アイコン、”お気に入り”に追加ボタン、ホットキー
      1. JavaScriptTips集        FrontPage Expressで [?] マークのペースト、WordpadでHTMLのペーストで簡単に応用できるJava Script、DHTML集。
      2. カレンダー 2             DHTML、月間カレンダー。
      3. Calendar サブWinで         ActiveX実験、ほかに DirviewFile_viewTexteditorXlsAddslide
      4. エディター 2              DHTML、上下フレームでHTMLとブラウザーモードのリアルタイムタイプイン/モニターができる。  2:テキストボックス型
      5. レイアウト枠1             DHTML・LAYER、コンテンツの強力なx、y座標制御、レイヤによる絶対位置制御。
      6. スクリーン解像度          DHTML、ディスクトップ領域〔W、H〕、カラーパレット、深度を検出。
      7. ページ切り替え1 2 3      DHTML、映画のようなページオープン/クローズ。
      8. スプラッシュ              DHTML、オープン時に順に3個のメッセージ画像を表示後に、ページを ”派手に=(゜。゜)=” 開く。
      9. トップダウンスクロール         DHTML、エピローグのような字幕。
      10. 右クリック停止            DHTML、マウスの右クリックで出現する、コピー、プロパティ、……メニューを停止させる。
      11. ゴーホーム              DHTML、ブラウザーに設定したホームページに戻る”ボタン”を追加する。
      12. IEのデフォルトHPなど        DHTML、IEのデフォルトホームページボタン、お気に入りに追加するボタン、お気に入りアイコンを変える方法。
      13. キーランチャー             ホットキーによるランチャーです、予め設定した任意のキーでサイトを開きます。  JavaScript。
      14. ……
    13.  Java Applet、ActiveX、HTA   ツリーメニュー、ホバーボタン、バナー広告、HTML Applications 実験
      1. パスワード              Java Applet、パスワードでWebページなどを開く、設定はtxtファイルの記述で。
      2. ツリーメニュー              Java Applet、Explorer風のツリーメニュー。
      3. ツリーメニュー 2             Java Applet、Explorer風のツリーメニュー。自動スクロール。
      4. ホバーボタン 2サウンド付き     Java Applet、ボタン/画像のマウスオーバー/クリックで画像をチェンジ/サウンド演奏/Webを開く。
      5. バナー広告(画像切り替え)   Java Applet、バナー広告などの画像をタイマー自動切り替え。
      6. 指定Web内検索          Java Applet、該当テキストを全て出力する。 webはJava Appletに記述。
      7. Flashムービー付きカウントダウン   Macromedia Flash、このページから、同じ階層の index2.html にタイマーでジャンプします。
      8. Calendar サブWinで         ActiveX実験、ほかに DirviewFile_viewTexteditorXlsAddslide
      9. HTML Applications         HTML Applications (HTA)実験
      10. ……
      11.               おわり …*   ♪└|∵|┐♪└|∵|┘♪┌|∵|┘♪
  • Up Down
    <<< << < | > >> >>>