実用編

u1.エクスプローラ風表示のリンク表
  (1) 2階層で表示
 
 
 
 
 
 
 
 
 
 
[1] リスト風表示
[2] 罫線付きで表示
[3] アイコン+罫線付きで表示
[4] テーブル風に表示
[5] 指定個所のみ表示
  (2) 多階層で表示
 
 
 
 
 
 
 
 
[1] リスト風で表示
[2] 罫線付きで表示
[3] アイコン+罫線付きで表示
[4] 最初全表示で開く例
  (3) 2階層スタイルシートで表示
 
 
 
 
 
 
[1] クリックでリンクを表示【IE5】
[2] クリックした場所のみ表示【IE5】
[3] マウスを重ねるとリンクを表示【IE5】
u2.ハイパーリンク
 
 
 
 
 
 
 
 
(1)マウスONで色変え
(2)マウスONで文字変え
(3)リンク先の説明を表示1
(3a)リンク先の説明を表示2
(4)クリッカブルマップを使用した説明表示
(5)シャッターイメージのリンク
(6)ブラインドイメージのリンク
(7)地図&選択ボタンでリンク
u3.画像関連
 
 
(1) マウスONで画像変化
(2) 画像の自動切換え
  (3) 同一ページに画像表示
 
 
 
 
 
 
 
 
 
 
[1] ラジオボタンで画像切替え
[2]アイコンクリックで画像切替え
[3]フィルター効果付き画像切替え1【IE5】
[4]フィルター効果付き画像切替え2【IE5】
[5]フィルター効果付き2画像切替え【IE5】
  (4) 画像の重ね表示(スタイルシート使用)
 
 
 
 
 
 
[1] 画像の上に動画を表示
[2] 画像の上にリンク付き動画を表示
[3] 画像の上で画像を移動させる
  (5) 画像の拡大表示のサンプル
 
 
 
 
 
 
[1]各種拡大方法のサンプル
[2] 別サーバーの画像ファイル表示1【IE5】
[3] 別サーバーの画像ファイル表示2
u3-1.写真をホームページに表示
 
 
 
(1) 写真を一覧表示しクリックで拡大表示
(2) 小写真を表示しクリックで拡大表示
(3) 写真のワイプ効果付きスライドショー
u4.日付関連
  (1) 月間カレンダー
 
 
 
 
 
 
 
 
[1] 今月1ヶ月のカレンダー
[2] 年間カレンダー
[3] 指定した年/月のカレンダー
[4] 年度を52週に分けた特殊カレンダー
  (2) 日めくりカレンダー
 
 
 
 
 
 
[1] 表示サイズを変えた例
[2] 背景に画像を使用例
[3] テーブルに背景を表示した例
  (4) ターゲット日までの日数表示
 
 
 
 
 
 
 
 
 
 
 
 
 
 
[1] カウントダウンサンプル
[1-1] カウントアップサンプル
[2] 多人数の誕生日と年齢一覧
   [2]-1 マウスオーバーで和暦表示【IE5】
  [2]-2 マウスクリックで和暦表示
[3] 免許更新忘れチェックリスト
[4] 免許更新忘れビジュアルチェック

    
u5.Web上でデータベースの検索 
  (1) 抽出結果の各種表示方法
 
 
 
 
 
 
[1] 1アイテム1テーブルで表示
[2] 1アイテム1テーブルで表示(表題1個)
[3] 検索結果を1テーブルに表示
 
 
 
 
 
 
(2) 検索で数字の上限・下限指定した例
(3) 検出条件をANDにした例
(4) 大文字小文字を区別なし検出例
(5) 大きなDBの検索例(東京都郵便番号)
(6) 別URLのデータベースから検索
(7) 検索したデータをメール送信する
u6.JavaScriptで作成した検索エンジン
 
 
 
 
(1) ページ内検索
(2) 目次の検索
(3) ページ内検索(別ファイルで処理)
(4) 別HPに検索データを送り検索
u7.Webから検索/データ取得
 
 
(1) 検索エンジンへジャンプ
(2) 株価「本日の値動き」の取得
u8.変換
 
 
 
 
 
(1) 英文字を半角小文字に統一
(2) ひらがな・カナをローマ字変換
(3) 10進16進の変換
(4) 西暦・和暦(干支付き)の変換
(5) 漢字を習った学年付きに変換
u9.バックカラーの指定
 
 
 
 
 
 
(1) バックカラーを色別アイコンで表示例
(2) バックカラーを■の色で表示例
(3) バックカラーをテーブル背景で表示例
(4) 文字のサイズと色指定【IE5】
(5) 約450色による背景色チェック
(6) 216色+αで背景・文字チェック
u10.メッセージの表示
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
(1) マウスに付いて来る文字
(2) マウスに画像が数個付いて来る
(3) マウスに画像が1個付いて来
(4) マウスに文字が2回付いて来る
(5) 指定した場所から上へ1回表示
(6) 指定した場所へ繰り返し文字表示
(7) 画像の上に文字を下から上に表示
(8) 立体文字 【IE5】
(9) グラデーション文字の作成(最終色指定)
(10) グラデーション文字の作成(虹文字)
(11) テキストボックスへメッセージ表示
 
 
 
 
 
 
 
 
[1] buttonで表示データ切替え
[2] クリッカブルマップで表示切替え
[3]アイコンで表示データ切替え
[4]テーブルに表示の画像で切替え
[5] スタイルシートで切替え
[6] 文字を下から上へスクロール
[7] 文字を上から下へスクロール
[8] 表示1種類の簡単な例
 
 
 
 
(12) メッセージを打上花火で表示
 
 
 
[1] 1種類のデータを3つの輪で表示【IE5】
[2] 3種類のデータを3つの輪で表示【IE5】
[3] バックカラー付きの花火【IE5】
u11.その他
 
 
 
 
 
 
 
 
 
 
 
 
(1) データを別ファイルへ渡す1
(1)-1 データを別ファイルへ渡す2
(1)-2 データを別ファイルへ渡す3
(2) お気に入りに追加  【IE5】
(3) パスワード(画像ファイルの有無で判断)
(4) クリックで説明文
(5) 右クリックでメッセージ表示【IE5】
(6) 右クリック何も表示しない【IE5】
(7) プログレスバーの表示
(8) 増減率グラフ表示例
(9) 横棒グラフ表示例
(10) ローソク足チャート