ニュース・フィッシング - 出版、エンジョイライフ、交通 、地図、ルアー・フライフィッシング

コンピュータ・インターネット - 用語、FAQ、ツール、Web制作、ショップ、Linux、Win

音楽・料理 - サウンド、♪、CD、定点ライブカメラ、グルメ、料理

日記小説 - 『燦たる夕陽を浴びてとぼとぼ還る。』、『理性もまた奔走する一種の情熱である。』

コレクション - Jazz - =(^。^)= そよぎ1 (JAZZ CDコレクション+散文)

コレクション - ワールドミュージック - =(^。^)= そよぎ2 (AFRO POP .....CDコレクション+散文)

Asteroids - (Java実験室)隕石の襲来を撃墜

花火 - (Java実験室)フル画面に炸裂する燦たる絢爛

万華鏡 - (Java実験室)目眩く極彩色の絵巻が多数

無重力スクランブル - (Java実験室)ジェット噴射・機銃掃射は半角小文字で。

ステルス迎撃 - (Java実験室)停止:p 音:m 始め:s 巡航:mouse 発射:Click

携帯電話 最新情報! - キャリアー、方式、型名、市販価格、性能

携帯電話 最新情報! - キャリアー、方式、型名、市販価格、性能

携帯電話 最新情報! - ソート - キャリアー、方式、型名、市販価格、性能

Win/Mac関連ソフトのダウンロード - Win/Mac関連ソフトのダウンロード、カテゴリ indexページ

Mac関連ソフトのダウンロード

Win関連ソフトのダウンロード - Ms-Win関連ソフトのダウンロード あ〜Z タイトル検索

Win/Mac関連ソフトのダウンロード - カテゴリ メーカー - パッチ、FixPac、ドライバー

Win関連ソフトのダウンロード - ベンダー : ジャストシステム IBM Java Linux Microsoft

Win関連ソフトのダウンロード - MP3ファイル(ニュース、ノンパッケージ"♪"サイト

IPC分類照会(第7版)一覧 - IPC分類照会(第7版)一覧 国際特許分類・電気関係

Win ie Officeのショートカットキー - Win ie NN Excel Word Outlook のショートカットキー

フォーム 0a - 感想などを送ってもらうフォーム。 ガイド文字、入力 チェックあり。

フォーム 2d - 感想などを送ってもらうフォーム。 入力必須項目。 自由記入HTML削除可。

フォーム 4a - 感想などを送ってもらうフォーム。  多層選択メニュー(グループ・氏名)あり。

フォーム 6 - 入力必須、グループ・メンバー、チェックボックス、ラジオボタン、ドロップダウン。

フォーム 7 - 感想・注文などの回答フォーム、全チェック/〃解除ボタンあり。

フォーム 8 - 名前、メールアドレスなどを次回起動時まで記憶。

名前、メールアドレスなどを次回起動時まで記憶。

フォーム 9 - ご訪問の足跡、”名前”と”メールアドレス”を送信して貰う。

URL送信 2a - ”このページのURLを友達などに送る”、ボタン。 入力フォームが変色

CD検索 - JAZZ、POPS:ジャンル、アーチスト、タイトル検索

CD検索 - クラシック作曲家:作曲家、アーチスト検索

WebRadio - Webラジオ 小Win版 Web Radio Stationを、縦列複数プルダウンメニューで選局。

ホームページ開設入門 - 無料で開設。 カウンター・ドロプダウンメニュー・♪や、高機能(Java Applet・DHTML・CSS)を簡単に実装

表4 - 影付き枠の表(テーブル)。

表5 - 凸丸角の表(テーブル)。 ストリームコンテンツ・Radio・MP3

IFRAME POPUP - 右クリックのポップアップメニューでWebページを表示。 ie5.5〜

トップナビバー 28if - 横長 - 縦横展開、〃 指定 + IFRAME。

トップナビバー 26fr - MicrosoftのWebのプルダウンメニュー風+IFRAME。 選択痕跡 アイコン。

ツリーメニュー 15aif - Microsoft Windows Tree Control 〃。 3DRoundBlue、Greenアイコン + IFRAME。

タブメニュー 9 - ページのタブ選択。 選択痕跡付き。

ページのタブ選択、選択痕跡付き。

タブメニュー 12if - タブ切り替えのリンクテーブル、文字入れ自在矩形画像 + IFRAME。

全フレームタイプサンプル - 左・上・中・下・右、各フレームのバリエーションのサンプル、作成方法。

左・中フレーム+ プルダウンメニュー - +プルダウンメニュー、実行ボタン無しタイプ。

上・下フレーム+ プルダウンメニュー - +プルダウンメニュー、実行ボタン無しタイプ。

スタイルシートのリファレンス - プレゼンテーションとレイアウトの精細制御。

Filters and Transitions - 各種フィルター/変遷の効果のデモとHTML生成。ie5.5〜

DropShodow Filter - ドロップシャドウ効果のデモとHTML生成。ie5.5〜

Alpha Filter - Alphaフィルター効果のデモとHTML生成。

Basic Image Filter - BasicImageフィルター効果のデモとHTML生成。

ポジション - HTML、コンテンツエリアを自在に配置。

Win Media Player 4a - ActiveX、Win Media Player、[♪]・[-]ボタンのみ。   IE4.x/〜l

Win Media Player 3 - ActiveX、Win Media Player、[プレイ]・[ポーズ]・[停止] ボタン付き。ムービー付。

BGMオン/オフ 2a - BGM演奏の、”オン/オフ”ボタン。アイコン付。

Win Media Player 3a - [プレイ]・[ポーズ]・[停止] ボタン付き。 ステイタスバー付。

サウンドプレイヤー 2a - ジャンル・曲を選択、詳細パネル、ストリーミング・連続演奏、ローディング表示。

サウンドプレイヤー 3 - 曲を選択、複数ファイル連続演奏、パネル操作、ローディング表示。

サウンドプレイヤー 4 - 曲を選択、非連続演奏、パネル操作、ストリーミング再生、ローディング表示。

サウンド b - サウンド演奏、WindowsMediaPlayer(表示)使用。

サウンド a - サウンド演奏、WindowsMediaPlayer(シンプル表示)使用。

挨拶 1 - 同時に小Winを開き、朝、昼、晩の挨拶(Voice)、"♪"演奏。

Real Player - 左上にフローティングの、プルダウンメニューでRealAudio選択。Winサイズ指定・可変。

ナビバー - マウスオーバーで、縦横展開のリンクテーブル。

トップナビバー 7b - MicrosoftのWebのメニュー風。Opera5.x、Win、Mac、Linux

トップナビバー 9 フレーム - Java Applet、IE、Win2000風のプルダウンメニュー + 上下フレーム。

トップナビバー 15as - XP風(選択枠)のプルダウンメニュー 、3D、フェード効果、横長、アイコンのカスタマイズ、縮小版。

トップナビバー 21 - 3Dアイコン・メニューボタン、プルダウンメニュー風。横長 - 縦展開タイプ

トップナビバー 28a - MicrosoftのWebのプルダウンメニュー風。横長、Transition指定、背景画像

ツリーメニュー 15a - Microsoft Windows Tree Control、3DRoundBlue、Greenアイコン。

階層メニュー 3_js - 水平、多段展開するリンクテーブル。

折り畳みリスト3c1フレーム - 折り畳み/展開表示 + 左右フレーム。IE4.x〜

折り畳みメニュー 7aフレーム - 選択メニューのみ、マウスオーバーで展開 + 左右フレーム。

折り畳みメニュー 11フレーム - マウスオーバーのみの下層が展開、マウスアウトで閉じる + 左右フレーム。

折り畳みメニュー 17フレーム - マウスオーバー階層のみの展開/折り畳み+ フレーム。

折り畳みメニュー 22 - WindowsXP風、左アウトラインメニュー。

アウトルック 2 - Microsoft Outlook風のメニュー、マウスオーバーでホルダー展開/折り畳み。

クールバー - IE5.0x、Win2000などに搭載中のクールなツールバー。

タブメニュー 17_fr - タブメニュー、左詰め1層横展開サブメニュー + IFRAME。

タブメニュー 19 - WindowsXP風のタブメニュー、横長。

マウスオーバー 24b - マウスオーバーで白背景画像切り替えのメニューバー(長)+ 影。

折り畳みコンテンツ 9b - 左からツリーメニューを引き出し、フローティング(縦スクロール無視)。

タブメニュー 20 - 横長 、マウスオーバー展開、背景画像、前回の展開状態を再現。

アニメカーソル 2 - マウスのカーソル画像をリアルタイム切り替え。

メッセージスクロール 15 - メッセージを上へスクロール切り替え、自動タイマー。

メッセージスクロール 8 - 自動スクロール、マウスオンでストップのメッセージフレーム。

ポップメニュー 18c - ハイパーリンク・画像のクリックで、複数のハイパーリンクを、ポプアップWinで開く。

コンテキストメニュー 5 - 右クリックで、3D・彩色コンテキストメニュー(リンクテーブル)を出現。

コンテキストメニュー 10 - 右クリックで、リンクテーブルをポップアプ表示、アイコンの背景画像。

サブウィンドウ - 右クリックで、リンクテーブルをポップアプ表示、アイコンの背景画像。

サブウィンドウ 2 - Win複数、オプション一括、Winサイズ個別指定、スクロール位置保持。

新しいWinのサイズ、位置 9 - ツールバー、アドレスバー無しの新しいWinでサイトを表示。

ポップアップ画像 7a1 - 画像のクリックで拡大画像をポップアップ表示+右クリック停止。

マウスオーバー画像2a - 小画像のマウスオーバーで画像を、”グラデーション効果”切り替え、クリックでリンク先く。

Ajax2a - ページ中に他ページ(≠日本語、 ランダムスライドショー)を表示、非IFRAME。

スライドショー 19 - ポーズ・フェイド効果・ランダム可、画像URL任意。 H540xV600。

画像切り替え14 - 縮小画像の横スクロール、クリックで拡大画像などを開く。

画像切り替え18 - 縮小画像の”縦”スクロール・選択で原寸画像を表示、スクロール加速可。

ランダム画像 4 - ページの読み込み毎にn個の画像をランダム切り替え。

画像切り替え13 - ドラッグで選択した画像の拡大画像を表示、ズーム、スライドショウ、回転など。

幾何模様vml - 回転・遷移・模様・透過・陰影処理のHTMLソースの生成。

変形DirectX - 画像などの変形(拡散・フェード・スピン・遷色) 、HTMLソースの生成。

タイムアニメ 0a - HTML+TIME (Timed Interactive Multimedia Extensions)。

ハノイの塔 - ディスクを最少回数で移動させる。

絵合わせ 6 - 神経衰弱ゲーム、画像変更可。

ジグソーパズル - DIVコンテナによるジグソーパズル。

クイズ 2 - 4択クイズ、問題の設定自在、答え表示。 ”有賀さつきの、趣味は?。”

カレンダー 13 - 月刊カレンダー、祝日・行事・ハイパーリンク設定自在、詳細配色。

時計 4fs - 丸時計。クリックで4色。

Calendar - ActiveX、彩色自在。

Ajax4 ツリーメニュー - 前回のツリー展開状態再現(クッキー使用)。

RGB2w - HTMLに記述する16進色記号を獲得、明度指定可。

RGB3 - パレットで色・明度を指定、16進カラーコードを取得。

データベース 5 - ソートテーブル、セルの編集 、列、行の追加・編集、CSV、XMLファイルへの出力。

ソート4 - 列項目で昇/降順ソート、名前の前方一致検索できる表。

サイト内検索 - 日本Googleで行う、3対象サイトから選択、表示件数:100。

サイト内検索a - ドメイン内検索を、日本Googleで。検索対象ドメイン、表示件数、検索箇所を選択。

音楽家検索 - 音楽家名、〃の一部でオフィシャルページなどを検索

マルチ検索 2 - プルダウンメニューでサーチエンジンを選択。 実行ボタン無し。

XML Data Island - テキストファイルを、トップナビバーメニューに表示。

テキストファイルを、トップナビバーメニューに表示。

XML DOM Object - テキストファイルを、トップナビバーメニューに表示。

XSL Debugger - ファイル、XSLスタイルシート名を指定しデバッグできる。

XML妥当性検証 - XMLファイルの構文妥当性をチェック、要修正箇所を表示。

 

ホーム へ       サンプルページ  メッセージ 29  message29.htm

<p>、<h>区切りのテキスト、HTMLをタイマー切り替え・フェード効果で順に表示。      DHTML。      メッセージ、周期、配色、サイズなどのカスタマイズはテキストエディターなどで可。    all 対応。     コピー、編集し、簡単にWebで応用できまっ、(^ ^)。

 

< ご使用方法 >

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

 ・ このDHTMLの実装方法は、message29.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などで変わったファイル名は要修正。    スクリプト構文中への改行混入は非作動原因。

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

 

(*1) : message29.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>サンプルページ  メッセージ 29</title>

<!-- ☆ ----------- ↓ この間をコピー&ペーストします。 ------------ -->
<style type="text/css"><!--
#tic {
/* enter any styles for the ticker below */
border: 1px solid #D5CED3;
font-family: Verdana;
padding:4px 8px 3px 8px;
width:400px;
height:30px;
line-height:12px;
background: #FFFFFF url('../tab_menu12/30tbrb1.gif');
}

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

}
--></style>
<script type="text/javascript" src="0026600.js"></script>
<!-- ☆ ----------- ↑ この間をコピー&ペーストします。 ------------ -->

 

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

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

※:<body> 部の編集 背景 リンク 表示済みリンクンク アクティブリンクの各色(任意値)

メッセージ(ハイパーリンク、テキスト)

 以下、同様。

 

<body bgcolor="#F8F5F5" link="#54006C" vlink="#62000D" alink="#00FFFF">

<!-- ★ ----------- ↓ この間をコピー&ペーストします。 ------------ -->
<div id="tic">
<p><a href="http:// …… .html" target="_blank" title="出版、エンジョイライフ、交通 、地図、ルアー・フライフィッシング">ニュース・フィッシング</a> - 出版、エンジョイライフ、交通 、地図、ルアー・フライフィッシング</p>

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

</div>
<script type="text/javascript">
<!--
initialiseList("tic");
//-->
</script>
<!-- ★ ----------- ↑ この間をコピー&ペーストします。 ------------ -->

 

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

 ・ Wordpad によるHTMLソース(タグ)を見ながらの直接編集方法。