データベース 15
太陽風サイトマップ Java JavaScript DHTML XML CSS フレームサンプル・応用方法など。 DHTML 8500get Win,ツール
DHTML Java サンプル Java JavaScript DHTML XML CSS フレームサンプル・応用方法など。 DHTML 8600get Win,ツール
ホームページ開設入門 使用するエディター、アカウント、アクセスカウンター、画像、JavaScript、CSS HTML 50300hit Web,ツール
ニュース・フィッシング 出版、エンジョイライフ、交通 、地図、ルアー・フライフィッシング HTML 8100get Web,ツール
コンピュータ・インターネット ダウンロード、用語、FAQ、ツール、Web制作、ショップ、Linux、Win HTML 8200get Win,ツール
音楽・料理 サウンド、♪、CD、定点ライブカメラ、グルメ、料理 HTML 8300get Web,ツール,♪
日記小説 φ(.. ) 日記 - Jazz・釣り・音楽・猫 、散文 HTML 8400get Web
携帯電話 最新情報! キャリアー、方式、型名、市販価格、性能 DHTML,CSS 51600hit データベース,ツール ☆☆
携帯電話 最新情報! キャリアー、方式、型名、市販価格、性能 DHTML,HTA,CSS 52000hit データベース,ツール ☆☆
携帯電話 最新情報! ソート - キャリアー、方式、型名、市販価格、性能 DHTML,CSS 53000hit データベース,ツール ☆☆
Win/Mac関連ソフト index ダウンロード、カテゴリ indexページ Win 54000hit ダウンロード,Win
Mac関連ソフト ダウンロード、Mac関連ソフト Win 4000get ダウンロード,Win
Win関連ソフト・あ〜Z ダウンロード、Win関連ソフトのダウンロード、あ〜Z タイトル検索 Win 4100get ダウンロード,Win
Win関連ソフト・メーカー ダウンロード、カテゴリ メーカー - パッチ、FixPac、ドライバー Win 4200get ダウンロード,Win
Win関連ソフト・ベンダー ダウンロード、ベンダー : ジャストシステム IBM Java Linux Microsoft Win 7000get ダウンロード,Win
Win関連ソフト・MP3 ダウンロード、MP3ファイル(ニュース、ノンパッケージ"♪"サイト HTML 7100get ダウンロード,♪
特許公報の検索方法 IPC、キーワードで国内・米国特許を検索 HTML 7200get ツール,データベース
IPC分類照会 国際特許分類・電気関係、(第8版)一覧 HTML 7200get ツール,データベース
Win関連のショートカットキー Win ie NN Excel Word Outlook WinXP Office HTML 7300get Win,ツール
コレクション - Jazz JAZZ CDコレクション+散文 DHTML 50400pnt
コレクション - ワールドミュージック AFRO POP、CDコレクション+散文 DHTML 50410pnt
5並べ 縦・横・斜に5個並べる。 DHTML 50420pnt Web,ゲーム
All Lights マスを“黄"で埋め尽くす。 Java 50420pnt Web,ゲーム
ショートカット 2点間のルートを切断(またはショート)。 ハンディーギャップ可。 Java 50420pnt Web,ゲーム
万華鏡 (^o^) 目眩く、極彩色の絵巻 Java 50420pnt Web,ゲーム
無重力スクランブル ジェット噴射・機銃掃射は半角小文字で。 Java 50430pnt Web,ゲーム
Asteroids 〔`。´ 〕 隕石の襲来を撃墜。 Java 50100hit Web,ゲーム
Asteroids 2 Flash、ゲーム、無重力空間で 、隕石・UFOを撃墜。 Flash 50900hit Web,ゲーム
花火 └|∵|┘ 画面に炸裂する、燦たる絢爛 。 Java 50200hit Web,ゲーム
ブリッジ 天地を結ぶ青を、左右に赤を伸ばし阻止。 Java 50220hit Web,ゲーム
ころちゃん ハーボット、\^o^/ 楽しいパズル・ゲーム、いろいろ。 Flash 50400hit Web,ゲーム
ステルス迎撃 (・!・) 停止:p 音:m 始め:s 巡航:mouse 発射:Click Java 50500hit Web,ゲーム
ハノイの塔 ディスクを最少回数で、移動させる。 DHTML,CSS 4700get Web,ゲーム
絵合わせ 9b 神経衰弱ゲーム、32画像変更可。 DHTML 4800get Web,ゲーム
絵合わせ 6 神経衰弱ゲーム、18画像変更可。  DHTML 4800get Web,ゲーム
ジグソーパズル ジグソーパズル、画像多数 、分割数可変。 DHTML,CSS 4900get Web,ゲーム
クイズ 3 2〜4択のクイズ、回答時に正・誤表示、問題の設定自在。 DHTML 1000get Web,ゲーム ☆☆
クイズ 2 4択クイズ、問題の設定自在、答え表示。 DHTML 1100get Web,ゲーム
ブラックジャック1 カードゲーム。  最少のボタンで、プレイボードは洗練。  jQuery 5100get Web,ゲーム ☆☆
フォーム 0a 感想などの送信フォーム。 ガイド文字、入力 チェックあり。 DHTML 6450pnt Web,フォーム
フォーム 2d 感想などの送信フォーム。入力必須項目、自由記入。 DHTML 3420pnt Web,フォーム
フォーム 4a 感想などの送信フォーム。 多層選択メニュー(グループ・氏名)あり。 DHTML 3430pnt Web,フォーム ☆☆
フォーム 6 入力必須、グループ・メンバー、チェックボックス、ラジオボタン、ドロップダウン。 DHTML 3440pnt Web,フォーム
フォーム 7 感想・注文などの回答フォーム、全チェック/〃解除ボタンあり。 DHTML 2400get Web,フォーム
フォーム 8 名前、メールアドレスなどを次回起動時まで記憶。 DHTML 2410get Web,フォーム
フォーム 9 ご訪問の足跡、”名前”と”メールアドレス”を送信して貰う。 DHTML 2420get Web,フォーム
URL送信 2a このページのURLを友達などに送る”、ボタン、入力フォーム変化。 DHTML 2000get Web,フォーム
Jazz、Pops検索 JAZZ、POPS:ジャンル、アーチスト、タイトル検索 HTML 2100get ♪,ツール,データベース
Classic検索 クラシック作曲家:作曲家、アーチスト検索 HTML 2200get ♪,ツール,データベース
WebRadio 小Win版、縦列複数プルダウンメニューで選局。 DHTML 2500get
ドメイン・サイト内検索3a 日本Googleで行う、4対象ドメイン・サイトから選択 、表示件数・更新日選択。 DHTML 4300pnt Web,ツール,データベース ☆☆
サイト内検索4 日本Googleで行う、3対象サイトから選択、表示件数:100。 DHTML 4300pnt Web,ツール,データベース ☆☆
サイト内検索4a 日本Googleで行う、検索対象ドメイン、表示件数、検索箇所を選択。 DHTML 4400pnt Web,ツール,データベース ☆☆☆
サイト内検索5 検索対象 : 4サイトとWWW、表示件数、検索箇所、更新日を選択。 DHTML 4400pnt Web,ツール,データベース ☆☆
サイト内検索5a 同上+ goo/概要文、範囲、対象言語、辞書 DHTML 4400pnt Web,ツール,データベース ☆☆
音楽家検索 音楽家名、〃の一部でオフィシャルページなどを検索 XML 4500pnt ツール,♪,データベース ☆☆
マルチ検索 2 プルダウンメニューでサーチエンジンを選択。 実行ボタン無し。 DHTML 4600pnt Web,ツール ☆☆
表4 DHTML、影付き枠の表(テーブル)。 DHTML,CSS 2510get Web
表5 凸丸角の表、ストリーミング♪、連続演奏 DHTML,CSS 2520get
常駐コンテンツ  DHTML、フローティング、ドラッグ/折り畳み定位置エリアに自在のHTML表示。 DHTML,CSS 2920get Web,ツール,ナヒ ☆☆
常駐コンテンツ 4 DHTML、フローティング・定位置エリアにコンテンツを表示。   応用(例)-1 -2  DHTML,CSS 4920get Web,ツール,ナヒ ☆☆
常駐コンテンツ29 スクロール時にヘッダーをフローティング表示、マウスオーバー 24を実装した(例)。 jQuery,DHTML,CSS 5220get Web,ツール,ナヒ ☆☆
HTML5 Notepad  テキストメモをページ上に残し、いつでも呼び出せる。 HTML5's DOM Storage。 jQuery,DHTM 7220get Web,ツール,ナヒ ☆☆
ドキュメントイン ページ中にドキュメント・オブジェクト〔HTML、JavaScript、リンク〕を表示。 ActiveX,DOM 2400get Web,ツール ☆☆
ドキュメントイン2 Iクリック選択のドキュメント・オブジェクトを表示、ドラック・最大・最小。 ActiveX,DOMI 2500get Web,ツール,ナヒ ☆☆
IFRAME 3 インラインフローティングフレームに透明コンテンツを実装。 IFRAME,CSS,HTC 2600get Web,ナビ ☆☆
FRAME POPUP 右クリックのポップアップメニューでWebページを表示。  IFRAME DHTML,IFRAME 2230pnt Web,ナビ ☆☆
Slide IFRAME DHTML、jQuery、スライド風のIFRAMEにページを表示。 DHTML,IFRAME,jQuery 3230pnt Web,ナビ ☆☆
IFRAME 9 DHTML、jQuery、通常IFRAMEで非表示のサイトも表示。 DHTML,IFRAME,jQuery 5230pnt Web,ナビ ☆☆
全フレームタイプサンプル 左・上・中・下・右、各フレームのバリエーションのサンプル、作成方法。 HTML,FRAME 2830pnt Web
左・中フレーム+ プルダウン +プルダウンメニュー、実行ボタン無しタイプ。 DHTML,FRAME 2930pnt Web,ナビ
上・下フレーム+ プルダウン +プルダウンメニュー、実行ボタン無しタイプ。 DHTML,FRAME 2430pnt Web,ナビ
縦書き 2 DHTML、CSS、pre、PREformatted text(整形済みテキスト)使用。 DHTML,CSS 5430pnt Web,ツール,テキスト ☆☆
縦書き 4 DHTML、CSS、ルビ、強制改ページ。 DHTML,CSS 4430pnt Web,ツール,テキスト ☆☆
フォント <span>〜</span>に 、フォント・サイズ・スタイル・色を指定。 表示スタイルの比較。 CSS 1000pnt Web
スタイルシートのリファレンス W3C HTML4.0準拠、スタイルシートのリファレンス。 CSS 1000pnt Web
Filters and Transitions 各種フィルター/変遷の効果のデモとHTML生成。 CSS 1100pnt Web
DropShodow Filter ドロップシャドウ効果のデモとHTML生成。 CSS 1200pnt Web
Alpha Filter Alphaフィルター効果のデモとHTML生成。 CSS 1300pnt Web
Basic Image Filter BasicImageフィルター効果のデモとHTML生成。 CSS 1400pnt Web
Win Media Player 4a Win Media Player、[♪]・[-]ボタンのみ。 ActiveX 1500pnt Web,♪
Win Media Player 3 [プレイ]・[ポーズ]・[停止] ボタン付き。ムービー付。 ActiveX 1600pnt Web,♪
BGMオン/オフ 2a BGM演奏”オン/オフ”ボタン。 DHTML 1100get Web,♪
Win Media Player 3a [プレイ]・[ポーズ]・[停止] ボタン付き。 ステイタスバー付。 ActiveX 1200get Web,♪
サウンドプレイヤー 2a ジャンル・曲を選択、パネル、ストリーミング・連続演奏、ローディング表示。 Flash,XML 1300get Web,♪
サウンドプレイヤー 3 曲を選択、複数ファイル連続演奏、パネル操作、ローディング表示。 Flash,XML 1400get Web,♪
サウンドプレイヤー 4a 曲を選択、連続演奏、パネル操作、ストリーミング、ローディング・画像表示。 Flash,XML 1500get Web,♪ ☆☆
サウンドプレイヤー 5 曲を選択、連続演奏、パネル操作、ストリーミング再生、演奏時間表示。 Flash,XML 1590get Web,♪ ☆☆
サウンド b サウンド演奏、WindowsMediaPlayer(表示)使用。 ActiveX 1600get Web,♪
サウンドオン/オフ VBScript、演奏の開始・再開、停止・中断ボタン。 ActiveX 1600get Web,♪
サウンドオン・オフ VBScript、演奏の開始、停止ボタン 、連続演奏可。 ActiveX 1600get Web,♪
サウンド a サウンド演奏、WindowsMediaPlayer(シンプル表示)使用。 ActiveX 1700get Web,♪
挨拶 1 同時に小Winを開き、朝、昼、晩の挨拶(Voice)、"♪"演奏。 DHTML 1800get Web,♪
Real Player 左上フローティング、プルダウンメニューでRealAudio選択、Winサイズ可変。 DHTML 1900get Web,♪
Flash Video Playre 1 Flash Videoファイル(*.flv)の自動再生開始、パネル操作。 Flash,XML 4000get Web,♪
プルダウンメニュー3a2 縦列3個、配置自在 DHTML 2010get Web,ナビ
プルダウンメニュー3a1 フレーム 複数メニューを横に配置、配色自在 + 上下フレーム DHTML,FRAME 2040get Web,ナビ
2層プルダウンメニュー 3 2層、ボックス1個 DHTML 2001get Web,ナビ
3層プルダウンメニュー 3層カテゴリー、Goボタン無し。 DHTML 2002get Web,ナビ
3層プルダウンメニュー1 3層カテゴリー、Goボタン有り。 DHTML 2003get Web,ナビ
スライドショー 2 タイマーで下フレームに表示ページを巡に切り替え。 DHTML,FRAME 1050get Web,ナビ
ナビバー マウスオーバーで、縦横展開のリンクテーブル。 DHTML,CSS 1010get Web,ナビ ☆☆
左メニュー7 左端にフローティング、マウスオーバーで展開するメニュー。 jQuery,DHTML,CSS 6010get Web,ナビ ☆☆
左メニュー8a 左端にフローティングのアイコンからプッシュメニュー(折り畳みメニュー39)を表示。 jQuery,DHTML,CSS 4010get Web,ナビ ☆☆☆
下メニュー ページ下にフローティング 、マウスオーバーで開くリンクテーブル(HTMLページ)。 jQuery,DHTML,CSS 4010get Web,ナビ ☆☆
フルスクリーン メニュー Query、DHTML、アイコンクリックで全画面メニュー(ハイパーリンク)を表示 jQuery,DHTML,CSS 8010get Web,ナビ ☆☆
ブックマーク ページ内リンクでDIVコンテンツをトップ行に表示、ブックマークを自動生成。 DHTML 1013get Web,ナビ ☆☆
トップナビバー 7b MicrosoftのWebのメニュー風。Opera5.x、Win、Mac、Linux DHTML,CSS 1020get Web,ナビ ☆☆
トップナビバー 9 フレーム Win2000風のプルダウンメニュー + 上下フレーム。 Java,FRAME 1030get Web,ナビ ☆☆
トップナビバー 15as XP風、3D、フェード効果、横長、アイコンのカスタマイズ、縮小版。 DHTML,CSS 1040get Web,ナビ ☆☆
トップナビバー 21 3Dアイコン・メニューボタン、プルダウンメニュー風。横長 DHTML,CSS 1050get Web,ナビ ☆☆
トップナビバー 26fr プルダウンメニュー風+FRAME、選択痕跡 アイコン。 DHTML,FRAME 2430pnt Web,ナビ ☆☆
トップナビバー 28a MicrosoftのWebのプルダウンメニュー風、横長、Transition指定。 DHTML,CSS 1010hit Web,ナビ ☆☆
トップナビバー 28if 横長 - 縦横展開、〃 指定 、IFRAME DHTML,IFRAME 2330pnt Web,ナビ ☆☆
トップナビバー 33a 2層、マウスオーバー・クリック中の背景画像付き。    超高速。 DHTML,CSS 56000hit Web,ナビ ☆☆
トップナビバー 38 横長配置、マウスオーバー展開、Pure CSS(≠JavaScript) CSS 1400pnt Web,ナビ
トップナビバー 39hフレーム 横長配置ナビバー + 上下フレーム、フレーム越え展開。 DHTML,CSS,FRAME 1900pnt Web,ナビ ☆☆
トップナビバー 39vフレーム 縦長配置ナビバー + 左右フレーム、フレーム越え展開。 DHTML,CSS,FRAME 1920pnt Web,ナビ ☆☆
トップナビバー 40 横長配置、アイコン付き、スキンのリアルタイム切り替え。 DHTML,CSS 1930pnt Web,ナビ ☆☆
トップナビバー 40if 横長配置、アイコン付き、スキンのリアルタイム切り替え。 + IFRAME DHTML,CSS,IFRAME 1940pnt Web,ナビ ☆☆
トップナビバー 41_2003 フェード効果、Offeice2003風アイコン。 DHTML,CSS 1040get Web,ナビ ☆☆
トップナビバー 41_ap フェード効果、Apple風アイコン。 DHTML,CSS 1050get Web,ナビ ☆☆
トップナビバー 41_xp フェード効果、WindowsXP風アイコン。 DHTML,CSS 1060get Web,ナビ ☆☆
トップナビバー 45fr 横長配置ナビバー、XP風(選択枠)・フレーム越え展開 + 上下フレーム DHTML,CSS,FRAME 1160get Web,ナビ ☆☆
トップナビバー 46 横長配置ナビバー、マウスオーバーで展開、外部クリックで折り畳み。 DHTML,CSS,FRAME 1160get Web,ナビ ☆☆
トップナビバー 53 CSS、(≠JavaScript)、縦長配置 、マウスオーバーで展開。 CSS 2590pnt Web,ナビ ☆☆
トップナビバー 55 プルダウンテーブルに配置、拡張リンクテーブル付き、単一形あり。 jQuery,DHTML 7590pnt Web,ナビ ☆☆
トップナビバー 55 CSS、(≠JavaScript)、横長配置、マウスオーバーで展開。 CSS 8590pnt Web,ナビ ☆☆
トップナビバー 58 メニュー∇をマウスオーバー、リンクテーブルを“開/閉”。 jQuery,DHTML 8590pnt Web,ナビ ☆☆☆
トップナビバー 59 CSS、(≠JavaScript)、横長配置、マウスオーバーで展開。 CSS 8590pnt Web,ナビ ☆☆
トップナビバー 60 HTML5、CSS、(≠JavaScript)、横長配置、マウスオーバーで展開。  CSS 8590pnt Web,ナビ ☆☆
トップナビバー 61 横長配置、フローティング、マウスオーバーで展開、Animated Header Menu。   jQuery,DHTML 8590pnt Web,ナビ ☆☆☆
トップナビバー 63 横長配置、マウスオーバーマーカー付き、フェイド効果。 CSS 8990pnt Web,ナビ ☆☆☆
ツリーメニュー 15aif Microsoft Windows Tree Control 〃、3DRoundBlue、Greenアイコン、IFRAME DHTML,IFRAME 2530pnt Web,ナビ ☆☆
ツリーメニュー 15a Microsoft Windows Tree Control、3DRoundBlue、Greenアイコン。 DHTML,CSS 1020hit Web,ナビ ☆☆
ツリーメニュー 26fr DHTML、XML、ツリー・ハイパーリンクは*.xmlに記述 + 左右フレーム。 XML,FRAME 1040hit Web,ナビ ☆☆
ツリーメニュー 29 ホルダー ・サイト行のクリック展開、マウスオーバー背景色、DIVサイズ任意。 DHTML,CSS 5530pnt Web,ナビ ☆☆
ツリーメニュー 34 ハイパーリンク・ツリー構成編集、容易。 DHTML,CSS 2060get Web,ナビ ☆☆
階層メニュー 3_js 水平、多段展開するリンクテーブル、フレーム越え。 Java 1050hit Web,ナビ ☆☆
階層メニュー 25fr 2層、横長、マウスオーバーメニュー、サウンド + 上下フレーム XML,FRAME,Flash 1080hit Web,ナビ ☆☆
階層メニュー 27fr 2層、横長、マウスオーバーメニュー + 上下フレーム、配色編集可。 XML,FRAME,Flash 1081hit Web,ナビ ☆☆
階層メニュー 28fr 2層、横長、マウスオーバーメニュー、サウンド + 上下フレーム、配色編集可。 XML,FRAME,Flash 1083hit Web,ナビ ☆☆
階層メニュー 31 マウスオーバーで横展開の、縦長配置階層メニュー。 DHTML,CSS 1583hit Web,ナビ ☆☆
階層メニュー 33a 縦長配置、フェイド効果・影付き、テキスト・見出し+マウスオーバーで出現 jQuery,DHTML,CSS 5583hit Web,ナビ ☆☆
階層メニュー 34 縦長配置階層メニュー、展開したメニューは固定スペース内に表示。 jQuery,DHTML,CSS 2583hit Web,ナビ ☆☆
折り畳みコンテンツ 9b 左からツリーメニューを引き出し、フローティング、非FRAME。 DHTML,CSS 1700hit Web,ナビ
折り畳みコンテンツ 20  テキストやアイコンのクリックで展開する、サブ(2nd)メニューは同位置に展開。 jQuery,DHTML,CSS 5700hit Web,ナビ ☆☆
折り畳みリスト3c1フレーム 折り畳み/展開表示 + 左右フレーム。アイコン DHTML,CSS,FRAME 1060hit Web,ナビ ☆☆
折り畳みメニュー 7aフレーム 選択メニューのみ、マウスオーバーで展開 + 左右フレーム。 DHTML,CSS,FRAME 1070hit Web,ナビ ☆☆
折り畳みメニュー 10if  DHTML、クリックで展開/折り畳みするメニュー + IFRAME。 DHTML,IFRAME 2080hit Web,ナビ ☆☆
折り畳みメニュー 11フレーム 選択階層のみ下層が展開、マウスアウトで閉じる + 左右フレーム。 DHTML,CSS,FRAME 1080hit Web,ナビ ☆☆
折り畳みメニュー 17フレーム マウスオーバー階層のみの展開/折り畳み+ フレーム。 DHTML,CSS,FRAME 1090hit Web,ナビ ☆☆
折り畳みメニュー 22 WindowsXP風、左アウトラインメニュー。 DHTML,CSS 1100hit Web,ナビ ☆☆
折り畳みメニュー 26 ボタン、選択階層のみ展開 + 左右フレーム。 DHTML,CSS,FRAME 1100hit Web,ナビ ☆☆
折り畳みメニュー 31 丸角タイトルアイコン・白系、前回のメニュー展開を再現(クッキー使用)。 DHTML,CSS 1020get Web,ナビ ☆☆
折り畳みメニュー 37if 選択階層のみ展開。 選択ターーゲットをIFRAMEに表示。 jQuery,DHTML,IFRAME 1290get Web,ナビ ☆☆
折り畳みメニュー 38 CSS、折り畳みメニュー、縦長配置、CSSのみ(非JavaScript、超高速)。 CSS 1050get Web,ナビ ☆☆
折り畳みメニュー 39 選択(クリック)したホルダー(階層)のみ展開。  DHTML,jQuery 1800hit Web,ナビ ☆☆
折り畳みメニュー 40 選択(マウスオーバー)したホルダー(階層)のみ展開。 DHTML,jQuery 1810hit Web,ナビ ☆☆
アウトルック  DHTML、MicrosoftOutlook風のメニュー、クリックでホルダー展開/折り畳み。 DHTML,CSS,FRAME 1100hit Web,ナビ ☆☆
アウトルック 2 Outlook風のメニュー、マウスオーバーでホルダー展開/折り畳み。 DHTML,CSS,FRAME 1200hit Web,ナビ ☆☆
アウトルック 4  DHTML、Microsoft Outolook風のメニュー、クリック選択層のみ展開。 DHTML,CSS 1400hit Web,ナビ ☆☆
クールバー Win2000などに搭載中の、クールなツールバー風、痕跡。 DHTML,CSS 1300hit Web,ナビ ☆☆
タブメニュー 5 IFRAME、Behaviors、IFRAMEとプルダウンメニュー応用。 DHTML,IFRAME,HTC 2300hit Web,ナビ ☆☆
タブメニュー 9 ページのタブ選択、選択痕跡付き、IFRAME。 DHTML,IFRAME 2630pnt Web,ナビ ☆☆
タブメニュー 12j  DHTML、バー切り替えのリンクテーブル、文字入れ自在。  凹枠線  DHTML,CSS 2730pnt Web,ナビ ☆☆
タブメニュー 12cif  DHTML、バー、文字入れ自在。 メニューバー + IFRAME。  凹枠線  DHTML,IFRAME 2830pnt Web,ナビ ☆☆
タブメニュー 12if1  DHTML、タブ切り替えのリンクテーブル、+ IFRAME。  凹枠線   DHTML,IFRAME 2930pnt Web,ナビ ☆☆
タブメニュー 12if タブ切り替えのリンクテーブル、文字入れ自在矩形画像 + FRAME。 DHTML,IFRAME 2730pnt Web,ナビ ☆☆
タブメニュー 17_fr  17a タブメニュー、左詰め1層横展開サブメニュー + FRAME。 DHTML,CSS,IFRAME 1400hit Web,ナビ
タブメニュー 19 WindowsXP風のタブメニュー、横長。 DHTML,CSS 1500hit Web,ナビ
タブメニュー 20   20b 横長 、マウスオーバー展開、背景画像、前回の展開状態を再現。 DHTML,CSS 1800hit Web,ナビ ☆☆
タブメニュー 22  DHTML、CSS、2層のメニューで、DXImageTransform effects付き。 DHTML,CSS,IFRAME 4800hit Web,ナビ ☆☆
タブメニュー 37  XML、WindowsXP風に耳色変化、<div>とIFRAMEに表示、IFRAME。 DHTML,XML,IFRAME 2800hit Web,ナビ ☆☆
タブメニュー 34 マウスオーバーで背景画像変化・プルダウン展開のサブメニュー。 DHTML,CSS 1890hit Web,ナビ ☆☆
マウスオーバー 24  マウスオーバーで無地背景画像切り替えのメニューバー + 影。 DHTML,CSS 1600hit Web,ナビ ☆☆
マウスオーバー 24if  マウスオーバーで無地背景画像切り替えのメニューバー + 影。 IFRAME  DHTML,CSS,IFRAME 2600hit Web,ナビ ☆☆
マウスオーバー 46 テキストや画像などマウスオーバーやクリックで、リンクテーブルを表示、フェイド効果。  DHTML,CSS /600hit Web,ナビ ☆☆
マウスオーバー 49 マウスオーバーで、選択要素以外、フェイド効果を伴い薄く表示。 jQuery,DHTML,CSS 7600hit Web,ナビ ☆☆
マウスオーバー 51 画像のマウスオーバーで、ダイナミックにメッセージ・ハイパーリンクなど表示。 jQuery,DHTML,CSS 7600hit Web,ナビ ☆☆
マウスオーバー 52 テキストや画像などマウスオーバーで、吹き出し付きリンクテーブルを表示。  jQuery,DHTML,CSS 7900hit Web,ナビ ☆☆
マウスオーバー 53 画像のマウスオーバーで半透明テキスト、HTMLを重ねる。  jQuery,DHTML,CSS 7800hit Web,ナビ ☆☆
ボタン17 マウスオーバーでアイコン・画像を切り換える(ロールオーバー)、ハイパーリンク実装(例)。 jQuery,DHTML,CSS 2800hit Web,ナビ ☆☆
アニメカーソル 2 マウスのカーソル画像をリアルタイム切り替え。 DHTML,CSS 1900hit Web
メッセージスクロール 15 メッセージを上へスクロール切り替え、自動タイマー。 DHTML,CSS 2000hit Web,テキスト
メッセージスクロール 8 自動スクロール、マウスオンでストップのメッセージフレーム。 DHTML 2100hit Web,テキスト
水平スクロール 横にスクロールするDIVにコンテンツを記述。テキスト、Movieの(例) jQuery,DHTML 3100hit Web,テキスト ☆☆
ポップメニュー 18c テキスト・画像のクリックで、複数のハイパーリンクを、ポップアップWinで開く。 DHTML,CSS,FRAME 2200hit Web,ナビ
コンテキストメニュー 5 右クリックで、3D・彩色コンテキストメニュー(リンクテーブル)を出現。 DHTML,CSS 2300hit Web,ナビ
コンテキストメニュー 10 右クリックで、リンクテーブルをポップアプ表示、アイコンの背景画像。 DHTML,CSS 2400hit Web,ナビ
サブウィンドウ Win複数、オプション一括指定、サイズ個別指定スクロール位置保持。 DHTML 2500hit Web
サブウィンドウ 2 Win複数、オプション一括、Winサイズ個別指定、スクロール位置保持。 DHTML 2600hit Web
新しいWinサイズ、位置 9 ツールバー、アドレスバー無しの新しいWinでサイトを表示。 DHTML 2700hit Web
画像揺れ  CSS、(≠JavaScript)、タイマーでゆらゆら揺れる画像。 CSS 2100hit Web,画像
波紋1 画像に波紋の軌跡効果、;+“マウスオーバー 24" を記述。 jQuery,DHTML 5100hit Web,画像 ☆☆
画像ズーミング15  jQuery、画像を選択、拡大鏡をドラッグ・拡大表示。 jQuery 2900hit Web,画像 ☆☆
画像ズーミング18  jQuery、画像を選択 、フルスクリーンズーミング、マウスオーバーポイントを拡大表示。  jQuery 8900hit Web,画像 ☆☆☆
ランダム画像 4 ページの読み込み毎にn個の画像を、ランダム切り替え。 DHTML 4200get Web,画像,ナビ
ポップアップ画像 7a1 画像のクリックで拡大画像をポップアップ表示+右クリック停止。 DHTML 2800hit Web,画像
ポップメニュー 24 ページオープン時、ポップアップDIVに画像・テキストなどメッセージを暫く表示。 jQuery,DHTML 7800hit Web,画像,ナビ ☆☆
リンクプレビュー ハイパーリンクのマウスオーバーでスクリーンショットを表示。 jQuery,DHTML 8800hit Web,画像,ナビ ☆☆
トップへ 6 指定位置までスクロール時、右下に出現“メッセージ” をクリックで先頭行へジャンプ jQuery,DHTML 8700hit Web,画像,ナビ ☆☆
マウスオーバー画像 2a 小画像のマウスオーバーで画像を、グラデーション効果切り替え。 DHTML 200hit Web,画像
Ajax 2a ページ中に他ページ(≠日本語、ランダムスライドショー)を表示。 Ajax,ActiveX 2010hit Web,画像 ☆☆
ランダムメッセージ 2 ページ表示毎にメッセージ(小説家の箴言集)を小Winに表示。 HTA 3010hit Web,ツール,データベース
フルスクリーン背景画像d 全画面に画像を表示、透過率可変DIVに  “タブメニュー 12k" を記述。 jQuery,DHTML 7020hit Web,画像,ナビ ☆☆
フルスクリーン背景MP4 MP4を表示、透過率可変DIVに “マウスオーバー 24" を記述。。 jQuery,DHTML 9020hit Web,画像,ナビ ☆☆☆
スライドショー 10 画像の自動、手動切り替え、ランダムTransitions効果、ホットキー制御。 DHTML 4020hit Web,画像,ナビ ☆☆
スライドショー 19 ポーズ・フェイド効果・ランダム可、画像URL任意。 H540xV600。 DHTML 2020hit Web,画像,ナビ ☆☆
スライドショ- 21 左右フレーム、フェイド効果、Picasav2 と、Agile Galleryで作成 Flash,XML,FRAME 5001get Web,画像,ナビ ☆☆
スライドショー 25 左右や、スライド表示小画像のクリックで画像切り替え、フェイド効果。 DHTML 8020hit Web,画像,ナビ ☆☆
スライドショー 26 小画像のクリックで、大画像をズームアップ表示、読み込み中アイコン。 DHTML 8010hit Web,画像,ナビ ☆☆
スライドショー 27  折り畳みメニュー(ドラッグ可) + ポップアップ縮小画像、サウンド付き。 Flash,XML,DHTML 9910hit Web,画像,ナビ ☆☆
スライドショー 30 手動小画像選択と自動スライドショー、フェイド効果・サウンド付き。 Flash,XML,DHTML 9950hit Web,画像,ナビ ☆☆
スライドショー 34 DHTML、雪崩れ効果、自律/ボタン制御、コメント表示、クリックでページ開く。 DHTML 5950hit Web,画像,ナビ ☆☆
スライドショー 36b  画像URL指定、フルスクリーン表示、“折り畳みメニュー 11" を実装。 DHTML 7950hit Web,画像,ナビ ☆☆
スライドショー 37  プルアップサムネイルのクリックで大画像をNewWinで表示、フェイド効果。 DHTML 7500hit Web,画像,ナビ ☆☆
スライドショー 38  画像URL指定、フルスクリーン表示、“トップナビバー 53a" を実装。  DHTML 7700hit Web,画像,ナビ ☆☆
スライドショー 44 フルスクリーン、フェイド・パン・ズーム効果、遷移時間・切り換え時間設定。 DHTML,jQuery 7900hit Web,画像,ナビ ☆☆
スライドショー 45 自動/手動切り換え、カテゴリー構成、フルスクリーン、自動サムネイル作成一覧 Flash,XML,DHTML 7800hit Web,画像,ナビ ☆☆☆
スライドショー 46 簡単、画像以外にテキストなどのスラシドショー可、フェードイン・フェードアウト効果。 jQuery,DHTML 8100hit Web,画像,ナビ ☆☆
スライドショー 47 サムネイルを自動生成、自動、画像選択・スライドショー停止はサムネイルのクリックで。 jQuery,DHTML 8200hit Web,画像,ナビ ☆☆
スライドショー 48 自動切り換え、外部画像ファイル可、フルスクリーン表示、マウスオーバー 24 を実装。 jQuery,DHTML 8300hit Web,画像,ナビ ☆☆
スライドショー 49 自動切り換え、サムネイル(縮小画像・自動生成)から選択出来る。  jQuery,DHTML 8100hit Web,画像,ナビ ☆☆
スライドショー 50 自動切り換え、フェイド効果、外部画像ファイル不可、サムネイルからの選択可。 jQuery,DHTML 8500hit Web,画像,ナビ ☆☆
スライドショー 51 手動スライドショー、画像上にテキスト・HTMLの記述可、ダイナミック効果。 jQuery,DHTML 8700hit Web,画像,ナビ ☆☆
スライドショー 54 自動スライドショー、フェイド効果、JSONファイルにリストを記述、表示枠100%(可変)。 jQuery,DHTML 9700hit Web,画像,ナビ ☆☆
画像切り替え 3 さまざまのパターンで画像を、タイマー切り替え。 Java 2070hit Web,画像,ナビ ☆☆
画像切り替え14 縮小画像の横スクロール、クリックで拡大画像などを開く。 DHTML 2030hit Web,画像,ナビ ☆☆
画像切り替え18 縮小画像の縦スクロール・選択、原寸画像を表示、スクロール加速。 DHTML 4000get Web,画像,ナビ ☆☆
画像切り替え19 DHTML、PHP、小画像一覧から、原寸画像をポップアップ表示。 DHTML 4100get Web,画像,ナビ ☆☆
画像切り替え13 ドラッグで選択した画像の拡大表示、ズーム、スライドショウ、回転。 Flash 4300get Web,画像,ナビ ☆☆
画像切り替え21 Flash、XML、画像切り替え/スライドショー(開始:右下ダイスをクリック)。 Flash 4800ge Web,画像,ナビ ☆☆
画像切り替え28 DHTML、画像はURLで記述、残像効果。  ボタン制御可 DHTML 2800ge Web,画像,ナビ ☆☆
照明画像 2 縮小画像を選択、薄明かり背景に照明画像を表示、スライドショー。 DHTML 8030hit Web,画像 ☆☆
照明画像 4 薄明かり背景に照明画像を表示、スライドショー。 DHTML 9530hit Web,画像 ☆☆
幾何模様vml 回転・遷移・模様・透過・陰影処理のHTMLソースの生成。 DHTML 4400get Web,画像
変形DirectX 画像などの変形(拡散・フェード・スピン・遷色)、HTMLソースの生成。 DHTML,DirectX 4500get Web,画像
タイムアニメ 0a HTML+TIME (Timed Interactive Multimedia Extensions)。 DHTML 4600get Web,画像
カレンダー 23  月、週、日カレンダー、予定記述可。 DHTML 8600get Web,ツール ☆☆
カレンダー 1  月カレンダー、小形、〜2099年。 HTC、Behavior。  HTC 1200get Web,ツール
カレンダー 13 月カレンダー、小形、祝日・行事・ハイパーリンク設定自在、詳細配色。 DHTML 1200get Web,ツール ☆☆
カレンダー 2013年度 年一覧、マウスオーバーで祝日名、クリックでリンクへ、折り畳みメニューで関連サイトへ。 DHTML 1800get Web,ツール
時計a  年、月、日、曜日、時、分、秒、am/pm、凹罫線枠、DIV位置自在 DHTML 1800get Web,ツール
時計 4fs 丸、クリックで4色。 Flash 1300get Web,ツール ☆☆
時計 11  jQuery卓上大時計、天気予報付き。  Winサイズ指定版  DHTML,Google API 1470get Web,ツール ☆☆
Win Media Player 5b Win Media Player、 プログラム(♪ムービー)を連続演奏、制御ボタンを追加。  ActiveX 1400get Web,♪
Ajax4 ツリーメニュー 前回のツリー展開状態再現(クッキー使用)。 Ajax 1500get Web,ナビ ☆☆
スプレッドシート1a Excelシート、Web上・リアルタイムに、買い物リストを作成(例)。 ActiveX 1500get Web,ツール,データベース
QuickTime Player 3 QuickTime PlayerをObjectで起動、指定ファイルを演奏。 ActiveX 1500get Web,♪
RGB 2w HTMLに記述する色記号を獲得、明度指定可。 Java 1600get Web,ツール ☆☆
RGB 3 パレットで色・明度を指定、16進カラーコードを取得。 DHTML 1700get Web,ツール ☆☆
RGB 5 パレットで色・彩度・明度を指定、16進カラーコードを取得 DHTML 1800get Web,ツール ☆☆
RGB 6 縦色相バーと、 → 彩度・↑明度パレットで、RGB値(16進コード)を獲得 DHTML 1800get Web,ツール ☆☆
Google. Map0 Street View、GoogleマップからのWebページにHTML貼り付け Google API 4100pnt Web,画像,ナビ
Google. Map3a Street View、ルート案内、発着点をクリック、移動手段・高速・有料道選択 Google API 4100pnt Web,画像,ナビ ☆☆
Google. Map3d Street View、ルート案内、アドレス入力・拠点クリック、移動手段選択、プリセット Google API 4100pnt Web,画像,ナビ ☆☆
Google. Map3c Street View、ルート案内、出発・中継・到着点のドラッグ変更可 Google API 4100pnt Web,画像,ナビ ☆☆
Google. Map3p Street View、地下鉄路線、駅情報 Google API 4100pnt Web,画像,ナビ ☆☆
Google. Map1c Street View、 交通状況マップをWebページへ実装 Google API 4100pnt Web,画像,ナビ ☆☆
Google. Map3i Street View、マップで最寄りの拠点検索 Google API 4100pnt Web,画像,ナビ ☆☆
Google. Map3m Street View、投稿画像をマップで検索、キーワード入力とプルダウンメニュー版 Google API 4100pnt Web,画像,ナビ ☆☆
Google. Map3n Street View、マーカーやプルダウンメニューから、ストリートビュー Google API 4100pnt Web,画像,ナビ ☆☆
Google. Map1d Street View、プルダウンメニューで、マップを選択 Google API 4100pnt Web,画像,ナビ ☆☆
Google. Mapsセレクト Street View、左リストからGoogle MapをI選択後、右DIVにストリートビューへ Google API 4100pnt Web,画像,ナビ ☆☆
Google. Mapsセレク ト1 Street View、左リストからストリートビュー選択、右DIVにストリートビュー表示 Google API 5100pnt Web,画像,ナビ ☆☆
Google. Map3k Street View、世界の天気予報、最高・低気温・湿度・風 Google API 4100pnt Web,画像,ナビ ☆☆
Google. Map2 Street View、目的地にマーカ-を付けたGooleマップを埋め込む Google API 4100pnt Web,画像,ナビ ☆☆
Google. Map3b1 Street View、マーカーをドラッグ地点の緯度・経度・住所を取得 Google API 4100pnt Web,画像,ナビ ☆☆
Google Maps16 Maps API、連番付き・配色自由のサーバー生成マーカー、(コーヒーショップ(例)。 Google API 4700pnt Web,ナビ,ツール ☆☆
Google Maps16a Maps API、吹き出し、クリックやリスト選択で、情報をポップアップ、〃(例)。  Google API 4800pnt Web,ナビ,ツール ☆☆
Google Maps17 Maps API、各国の場所、国旗をリストから辿る、国旗をXMLファイルに記述。 Google API,XML 5800pnt ナビ,ツール,データベース ☆☆
Google Maps18 Maps API、XML、スターバックスをMapsに散りばめる、場所検索をタイプインで!。 Google API,XML 7800pnt ナビ,ツール,データベース ☆☆
Google Maps25 Maps API、XML、jQuery、日本100名山。 Google API,XML 6800pnt ナビ,ツール,データベース ☆☆
Google Maps22 Maps API、東京都内、バス路線マップ。 Google API 6510pnt Web,ナビ,ツール ☆☆
Google Maps22b Maps API、全国鉄道マップ。 Google API 6910pnt Web,ナビ,ツール ☆☆
Google Maps26 Maps API、白地図、都道府県毎マップ。  Google API 6210pnt Web,ナビ,ツール ☆☆
Google Maps27 Maps API、折れ線クリック間の距離と面積。 Google API 6410pnt Web,ナビ,ツール ☆☆
Google Maps28 Maps API、Webページにホテル検索 フォーム付きGoogle Mapを実装する。 Google API 9910pnt Web,ナビ,ツール ☆☆☆
Google Maps30 Maps API、ストリートビュー、ポイントはペグマンのドラッグ、カメラ角度はマウスドラッグ。 Google API 7710pnt Web,ナビ,ツール ☆☆☆
Google Maps31 Maps API、Webページに建物・店舗検索フォーム付きGoogle Mapを実装する。 Google API 9810pnt Web,ナビ,ツール ☆☆☆
Google Maps32 Maps API、Webページに住所(PlaceID)検索フォーム付きGoogle Mapを実装。 Google API 8810pnt Web,ナビ,ツール ☆☆☆

Google Maps33

Maps API、Webページに世界の都市交通路線付きGoogle Mapを実装。 Google API 9980pnt Web,ナビ,ツール ☆☆☆

Google Maps34

Maps API、Webページに道理交通量・Traffic laye 付きGoogle Mapを実装。 Google API 9990pnt Web,ナビ,ツール ☆☆☆

Google Maps35

Maps API、Webページに”GeoRSS”付きGoogle Mapを実装。 Google API 8990pnt Web,ナビ,ツール ☆☆☆
Google Maps36 Maps API、Webページに“店舗・建物検索”フォーム付きGoogle Mapを実装。  Google API 8995pnt Web,ナビ,ツール ☆☆☆
Google Maps37 Maps API、Webページに“Geocode検索”フォーム付きGoogle Mapを実装する。 Google API 8997pnt Web,ナビ,ツール ☆☆☆
Google Maps38 Maps API、Webページに ストリートビューとマップをボタンで切り換えるGoogle Map。 Google API 8999pnt Web,ナビ,ツール ☆☆☆
Google. Map3e Street View、Mapをクリック、緯度・経度・住所を取得、複数履歴 Google API 4100pnt Web,画像,ナビ ☆☆
Google. Map3g Street View、Mapをクリック、海抜を取得 Google API 4100pnt Web,画像,ナビ ☆☆
Google. Maps10 Street View、3Dマップと連動し、右にストリートビュー Google API 4100pnt Web,画像,ナビ ☆☆
Google. Maps9 Street View、ドラッグ可マーカーから、ポップアップWinにストリートビュー Google API 4100pnt Web,画像,ナビ ☆☆
Google. Maps5 Street View、ドラッグポイントを、ポップアップWinにストリートビュー Google API 4100pnt Web,画像,ナビ ☆☆
Google. Maps5a Street View、クリックポイントを、右にストリートビュー Google API 4100pnt Web,画像,ナビ ☆☆
Google Maps6 Street View、ドライブ シミュレーション、カメラビューコントロール、周辺実画像も表示 Google API 4100pnt Web,画像,ナビ ☆☆
Google Maps7 Street View、世界的名建造物の俯瞰、実画像 Google API 4200pnt Web,画像,ナビ ☆☆
Google Maps8 Street View、お気に入りギャラリー集、ペグマンンでビューポイントを指定 Google API 4300pnt Web,画像,ナビ
Google カレンダー Google Calendar API、GoogleカレンダーのWebページへの実装。 Google API 4020pnt Web,ツール ☆☆
News Feed ニュースサイトの見出し・概要フィードを表示。 DHTML 4030pnt Web,ツール ☆☆
Google Books Google Books API、IFRAME、ページ中にGooleブックスの表示。 Google API 4060pnt Web,ツール ☆☆
データベース 5 ソートテーブル、列、行の追加・編集 、CSV、XMLファイルへの出力。 XML 4000pnt Web,データベース ☆☆
ソート 4 列項目で昇/降順ソート、名前の前方一致検索できる表。 DHTML 4100pnt Web,データベース ☆☆
ソート 5 タイトルのクリックで、文字列/数値の昇・降順並べ替え、列幅自動。 DHTML 4100pnt Web,データベース ☆☆
ソート 12 データテーブル、昇/降順)ソート、表示行指定、データ検索、リンク付きデータ可能。 jQuery,DHTML 4400pnt Web,データベース ☆☆
データベース13 フィルター抽出・ソート表、データはXMLファイルに記述 DHTML,XML,HTC 4200pnt Web,データベース ☆☆
データベース14 列項目のフィルター抽出、〃複数フィルターでの絞り込み可。 DHTML 4200pnt Web,データベース ☆☆
データベース15 フィルター(文字列、キーワード、数値、単位)抽出、複数〃絞り込み。 DHTML 4200pnt Web,データベース ☆☆
エディター 10 表作成、画像・ハイパーリンク挿入、フォント・文字色・背景色など。 DHTML 4790pnt Web,ツール ☆☆
エディター 5 HTA、ファイル操作、フォント、スタイル、縦書き、文字色・〃背景色。 HTA 4700pnt Web,ツール
パスワード 8 HTML、ユーザー名 + パスワードでログイン、高機密。 .htaccess 使用 HTML 4800pnt Web,ツール
パスワード 2 Password、指定URLは暗号化、機密確保型 Java 4900pnt Web,ツール ☆☆
アクセススアカウンター Perl、CGI(SSI)、SSIテキスト モード版。 表示背景色、テキスト装飾。 HTML,Perl,CGI 7100pnt Web,ツール ☆☆
XML Data Island テキストファイルを、トップナビバーメニューに表示。 XML 7200pnt Web
XML DOM Object テキストファイルを、トップナビバーメニューに表示。 XML,ActiveX 7300pnt Web
XSL Debugger ファイル、XSLスタイルシート名を指定しデバッグできる。 XML 7400pnt Web,ツール
XML妥当性検証 XMLファイルの構文妥当性をチェック、要修正箇所を表示。 XML 7500pnt Web,ツール ☆☆
  フィルター有効   テクノロジー : カテゴリー : 洗練度 :
 サイト名 : (文字列)      
 数値 : (数列 単位)  

 

ホーム へ       サンプルページ  データベース 15 database15.htm

テクノロジーや、カテゴリー、サイト名の一部、洗練度などで、複数または単一絞り込み抽出。      DHTML。    データ、フィルターなどのカスタマイズはテキストエディターなどで可。    all 対応(JavaScript の非作動 、表示が崩れるなどの、対策方法。)。     コピー、編集し、簡単にWebで応用できまっ 、(^ ^)。

デモは、テクノロジーや、カテゴリー、サイト名の一部、洗練度などで、複数または単一絞り込み抽出 、サイト名クリック ⇒ ページ表示などで。     ※: 本例の数値は、デモ用であり意味ナシ。

 

< ご使用方法 >

・ ローカル(=PC)への保存は、database15/をクリック開いたホルダーで 、database15.htm、003010.js を右クリック、[対象をファイルに保存] - 【ファイルのダウンロード】、【ファイル名を付けて保存】 - <保存する場所>: ……、などで。   ※: 変わってしまったファイル名や 、*.html 中のパスは要修正。   

 ・ このDHTMLの実装方法は、database15.htm をテキストエディターで開き 、ホームページ作成ソフトなどのHTML挿入/編集メニューなどを使って、新しいページ 1 や hogehoge.html(=任意の挿入先ファイル名) の、 <head> 〜 </head> の任意の行間に (*1)を 、さらに <body> 〜 </body>の任意の行間に (*2) をペーストします。

 ・ 編集方法は、hogehoge.html をテキストエディター、あるいは ”FrontPage Express” などのホームページ制作ソフトのHTMLタグ挿入/編集メニュー で開き編集します。    下記の(例) (*1) と、(*2) を参考に太字部分の編集を任意に行います。   ※: テキストエディターによる編集は 、HP制作ソフトとの互換性の問題を生じません(HP制作ソフト間は少し生じる)。

 ・ 作動テストは、ローカル(PC)に保存し、 Internet Explorer 8.x〜 などで開いて。    更新の確認は [F5]キー を押し 、サーバーやブラウザーのキャッシュクリアー、最新データ読み込み(≠再アクセス)で行います。

 ・ アップロードや作動テストは、hogehoge.html と同じ階層〔ホルダー/ディレクトリー〕に、使用する画像、*.jsなども転送/配置し実施。  ※:別ディレクトリーに配置時は 、*.html 中のパスは要修正。   FTPなどで変わったファイル名は要修正。    スクリプト構文中への改行混入は非作動原因。

 ・ 関連情報 :色記号5〃6スタイルシートリファレンスホームページ開設入門が便利!。   Web DevelopmentWeb開発MSDN IE8 HTMLとCSS開発ツールでサイトを修正スクリプト デバッグの概要HTMLとCSSのサポートCSSの改良点IE7IE6XMLDHTML

 

(*1) : database15.htm (例)         挿入先の  <head> 〜 </head> の、 部分にペーストします。

 HTMLの編集方法   (*1) をテキストエディターで開き 、下記↓のHTMLを挿入先ファイルにペースト、太字部分を編集し使用。
〔この列ペースト不要〕   

シフトJIS使用(削除不可)

ieなどに表示するアイコンファイル名(削除可)

<style type= </style>は(削除可)
(*1)〜(*3)表タイトル背景

body 文字色 背景色 下線
ハイパーリンク 〃
表示済みの〃
マウスオーバー時の〃
クリック中の〃
フォント

 

リンクを新しいWinで開くを標準(削除可)※:target= いろいろ
同じフレーム=_self、ページ全体=_top、親フレーム=_parent
お気に入り、タスクバーに表示するページ名(≠ファイル名)

 

<meta http-equiv="Content-Type" content="text/html; charset=x-sjis">

<link REL="SHORTCUT ICON" href="favicon.ico">

<style type="text/css"><!--
.xxx0 { background: #F9F8F9 url('wttec.gif'); }
.xxx1 { background-color:#E3E0DC; }
.xxx2 { background-color:#FFFFFF; }
body { color:#000000; background: #F9F8F9 url('wttec.gif'); text-decoration:none; }
a:link { color:#3C0055; background-color:#FBFAFE; text-decoration:none; }
a:visited { color:#270037; background-color:#EDECEF; text-decoration:none; }
a:hover { color:#1F002E; background-color:#D2F3F4; text-decoration:underline; }
a:active { color:#1F002E; background-color:#F5FFD2; text-decoration:underline; }
font {
font-size:12px;
line-height:13px;
}
body,tr,td,form{ font-family:MS PGothic,MS Gothic,Verdana; font-size: 12px}
 --></style>

<base target="_blank">

<title>サンプルページ  データベース 15</title>

<!-- ☆ ----------- ↓ この間をコピー&ペーストします。 ------------ -->
<style type="text/css"><!--

====  この間、説明を省略。  ====

}
--></style>
<SCRIPT LANGUAGE="JavaScript" SRC="003010.js" TYPE='text/javascript'></SCRIPT>
<!-- ☆ ----------- ↑ この間をコピー&ペーストします。 ------------ -->
 

 

(*2) database15.htm (例)        挿入先の  <body> 〜 </body> の、 部分にペーストします。

HTMLの編集方法   (*2)をテキストエディターで開き 、下記↓のHTMLを挿入先ファイルにペースト、太字部分を編集し使用。
〔この列ペースト不要〕

 

 

背景画像

 

 

列項目

 

 

 

 

 

 

 

データ

以下、同様。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

フィルター

 

 

 

 

 

マルチ(シングル=full)

 

 

<body>

<!-- ★ ----------- ↓ この間をコピー&ペーストします。 ------------ -->
<table width="700" cellspacing="0" border="1" bordercolor="#B0AEC1" style="border-collapse: collapse">
<tr align="left" valign="top">
<td>
<table border="1" cellspacing="0" cellpadding="0" width="700">
<tr valign="middle">
<td background="../tab_menu12/bg_ucpns1.jpg"><div align="center">
<font face="Verdana" color="#C8FFFF"><b>データベース 15</b></font></div></td></tr>
<tr><td bgcolor="#EDECEF">
<div style="WIDTH:700px">
<table id=header cellspacing=0 cellpadding=2 border="1" width="740" style="border-collapse: collapse">
<tbody>
<tr>
<th width=128 background="../tab_menu12/tbsvb2.gif ">
<font face="Verdana" color="#FFFFFF">名前</font></th>
<th width=334 background="../tab_menu12/tbsvb2.gif ">
<font face="Verdana" color="#FFFFFF">概要</font></th>
<th width=54 background="../tab_menu12/tbsvb2.gif ">
<font face="Verdana" color="#FFFFFF">テクノロジー</font></th>
<th width=52 background="../tab_menu12/tbsvb2.gif ">
<font face="Verdana" color="#FFFFFF">数値</font></th>
<th width=88 background="../tab_menu12/tbsvb2.gif ">
<font face="Verdana" color="#FFFFFF">カテゴリー</font></th>
<th width=46 background="../tab_menu12/tbsvb2.gif ">
<font face="Verdana" color="#FFFFFF">洗練度</font></th>
</tr>
</tbody>
</table>
</div>
<div style="padding:0px; MARGIN: 0px; OVERFLOW: auto; BORDER-LEFT: 1px solid gray; WIDTH: 742px; BORDER-BOTTOM: 1px solid gray; BORDER-RIGHT: 1px solid gray; HEIGHT: 500px">
<table id="dataTable" cellspacing=0 cellpadding=2 border=1 width="740" style="border-collapse: collapse">
<tbody>
<tr>
<td TF_colKey="name" valign=top width=127>
<a title="出版、エンジョイライフ、交通 、地図、ルアー・フライフィッシング" target="_blank" href="http://www001.upp.so-net.ne.jp/oka/list1.html">
ニュース・フィッシング</a></td>
<td TF_colKey="dscrpt" valign=top width=334>出版、エンジョイライフ、交通
、地図、ルアー・フライフィッシング</td>
<td TF_colKey="group" valign=top width=54>HTML</td>
<td TF_colKey="count" valign=top width=52>8100 get</td>
<td TF_colKey="zone" valign=top width=87>Web,ツール</td>
<td TF_colKey="status" valign=top width=48>▲</td>
</tr>

====  この間、説明を省略。  ====

<td TF_colKey="status" valign=top width=48>☆☆</td>
</tr>
</tbody>
</table>
</div>
</td></tr>
</table>
</td>
</tr>
<tr align="center" valign="top">
<td height="120" background="../wttec.gif">
<div align="left">
<table width="607" border="0" cellspacing="0" cellpadding="0" height="120">
<tr>
<td >
</td>
<td >
</td>
<td >
</td>
<td  height="12">
</td>
</tr>
<tr>
<td>
 <input type=CHECKBOX checked onclick="TF_enableFilter(dataTable, filter, this)"> フィルター有効
  <input type=button onclick="filter.reset()" value="フィルター解除">
</td>
<td>
<td></td>
<td height="25"></td>
</tr>
<tr>
<td>
<form name="filter" onsubmit="TF_filterTable(dataTable, filter);return false" onreset="_TF_showAll(dataTable)">
<input type="hidden" name="salHidden" TF_colKey="count" TF_searchType="substring">
<table width="604" border="0" cellspacing="0" cellpadding="0" height="186">
<tr>
 <td> 名前 : (文字列)&nbsp;
<input type="text" TF_colKey="name" onkeyup="TF_filterTable(dataTable, filter)" size="40" name="T1"></td>
<td rowspan="2">
<select TF_colKey="group" TF_searchType="item" onChange="TF_filterTable(dataTable, filter)" size="5" multiple name="D2">
<option TF_not_used value="">all</option>
<option value="Win">Win</option>
<option value="HTML">HTML</option>
<option value="FRAME">FRAME</option>
<option value="DHTML">DHTML</option>
<option value="CSS">CSS</option>
<option value="XML">XML</option>
<option value="HTA">HTA</option>
<option value="Java">Java</option>
<option value="Flash">Flash</option>
<option value="ActiveX">ActiveX</option>
<option value="Ajax">Ajax</option>
</select></td>
<td rowspan="2">
<select TF_colKey="zone" TF_searchType="item" onChange="TF_filterTable(dataTable, filter)" size="5" multiple name="D1">
<option TF_not_used value="">all</option>
<option value="ダウンロード">ダウンロード</option>
<option value="Web">Web</option>
<option value="フォーム">フォーム</option>
<option value="ツール">ツール</option>
<option value="データベース">データベース</option>
<option value="ナビ">ナビ</option>
<option value="♪"></option>
<option value="画像">画像</option>
<option value="ゲーム">ゲーム</option>
</select></td>
<td rowspan="2">&nbsp;<select TF_colKey="status" TF_searchType="full" onChange="TF_filterTable(dataTable, filter)" size=4 multiple name="D3">
<option TF_not_used value="">all</option>
<option value="☆☆">☆☆</option>
<option value="☆"></option>
<option value="★">★</option>
<option value="◎"></option>
<option value="○"></option>
<option value="▲">▲</option>
</select>
 </td>
<td height="62" rowspan="2"></td>
</tr>
<tr>
<td valign="top"> 数値 : (数 単位)  <input type="text" name="salText" onblur="TF_concat_and_set(salText, salSelect, salHidden);TF_filterTable(dataTable, filter);" size="30">
<select name="salSelect" onChange="TF_concat_and_set(salText, salSelect, salHidden);TF_filterTable(dataTable, filter);">
<option value="" TF_not_used>all</option>
<option value="pnt">pnt</option>
<option value="get">get</option>
<option value="hit">hit</option>
</select>
</td>
</tr>
</table>
</form>
</table>
</div>
</table>
<!-- ★ ----------- ↑ この間をコピー&ペーストします。 ------------ -->

 

< 補足 >    適時参照あれ!。