Welcome to HTML Page.
Welcome to HTML Page.


Let's enjoy HTML Word ! This Page is such a website which HTML is enjoyed.



* 動作確認は主にWindows版のInternet Expl-
　ore Ver 6.0で行っています。
　したがってその他のブラウザをご使用の場合と表示等
　が変わる可能性があります。
*又、JavaScript・HTML・DHTML等、区分が
　ゴチャゴチャになった事をおわびいたします。

アニメーション


!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　　


１．両側から字がスクリーンする。　（上記の文字）
* タイトル等に使われると良いですねェ！！

　　　　　　タグ表示


!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　　



２．雪が降って来ます。

ここをクリック　 ⇒　サンプル　&　タグ表示

* var i, doc_width = 800, doc_height = 1000; 　
　 お好みのサイズに（高さ） 変更。
* var no = 15; // snow number　で雪の数を変更。
　 高さを変えると雪の密度が変わるのでその都度
　 変更します。
* gif  を変えてあげると又、違ったイメージになると
　 思いますので、試してみて下さい。
　 ８行目の"snow.gif " の所を変更してみて下さい。


イラスト イラスト イラスト
snow.gif sakura_1.gif Himawari.gif ityou.gif


!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!
３．アドレス・お気に入りの前にアイコンを表示する。

アドレスでは・・・
イラスト http://www.bea.hi-ho.ne.jp/jh8cmz/　

お気に入りでは・・・
イラスト ★ ほーむぺーじ部品館 ★≪JavaScript・・・≫

の様になる。

* indexの <HEAD > </HEAD > タグの中を以下の様にする。
* http・・・を変更し　/・・・　.icoのアイコンを指定する。

　　 　　　タグ表示


!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!


４．マーキーィー　（Ⅲ）　
　

★ ほーむぺーじ部品館 ★


* 動かしたい文の両端を <FONT></FONT>で
　挟んであげる。
* 色は color=##ffff00 の所を好きな色に変更する。
* タグは、設置したい所に入れる。

　　 　　　 タグ表示

!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!
５．背景の色を変えるボタン

ここをクリック　 ⇒　サンプル表示　＆　タグ表示

* 表紙 ・ 気分転換 ・ イラストの壁紙の色合い等に使えそう・・・。

イラスト等の背後の色を変えてイメージを
見る事が出来ます。


!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!


６．ページ切り替え時に変化をつける。

ここをクリック　 ⇒　サンプル　&　タグ表示

* Duration では効果を表示する秒数を設定します。
　（ここでは、おすすめの値２にセットしておきます。）
* Transition では効果の種類を設定します。
　（１～９、？等を入れてあげるといろいろ変化しますので
　　試して下さい。ここでは２と３にセットしておきます。）


!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!


７．シャボン玉

ここをクリック　 ⇒　サンプル　&　タグ表示

* doc_height = document.body.clientHeight -(-300);　で、 　
　 お好みのサイズに（高さ） 変更。
* var no = 25; でシャボン玉の数を変更。
　 高さを変えると雪の密度が変わるのでその都度
　 変更します。
* gif  を変えてあげると又、違ったイメージになると
　 思いますので、試してみて下さい。８行目からの
　"wball_01.gif" の所を変更してみて下さい。


wball_01.gif wball_02.gif wball_03.gif


!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!



８．枠が光ります。

＊タグをコピーして貼り付けるだけです。
　　DHTML では無いのですが！！


　この様にプラグイン無しで目立たせたい所を色の変化する枠で囲って
目立つ文章を作る事ができます。
borderColor="#dda0dd"　の所を変えて好きな色にする事が出来ます。
いろいろ変えて試してみて下さい！！


　　　　　タグ表示


!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!



９．時間が来たら自動的に画面が変わります。

＊　<HEAD></HEAD> , <BODY> </BODY>
　　の "Jump.htm" の所をジャンプさせたい所に
　　 変更します。

サンプル　＆　タグ表示



!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!



１０．カーソルが重なるとリンクの背景が変わります。

最初に戻る
* 文字の色、color:#ff0000
* 背景の色、background#ffff00:
* リンク先は、<A href="home.htm">
　 で、変更して下さい。

<HEAD>　</HEAD>
<STYLE>
<!--
A:hover {font-size:12pt;
font-weight:bold;
color:#ff0000;
background:#ffff00;
text-decoration:none;}
-->
</STYLE>


<BODY> </BODY>
<BODY bgcolor="#000000"
text="#00ff00" link="#ffff00"
vlink="#ff0000">
<A href="home.htm">最初に戻る</A>


!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!



１１．犬の足跡とほね


ここをクリック　 ⇒　サンプル　&　タグ表示


アニメーション イラスト
buhinkan_621e.gif buhinkan_620.gif


!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!


１２．赤トンボが飛びます。


ここをクリック　 ⇒　サンプル　&　タグ表示


アニメーション
Buhinkan_433_d.gif


!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!


１３．ステータスバーにメッセージを流す。　（Ⅱ）
　　　（時間とメッセージが表示される。５秒ごとにメッセージ
　　　　　が集って来る。）　

* msg = "　　"　に文字を入れてあげる。


サンプル　＆　タグ表示



!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!


１４．色付きのスクロールバー。

ここをクリック　 ⇒　サンプル表示 1 　　　サンプル表示 2

　　 　　 タグ表示

* 右にある様なスクロールバーにおしゃれな色を付ける。
　（ここでは、バーが、黒で、矢印が白にしてます。）
* COLOR: #000000 をいろいろ変えてみて試して下さい。
　（バー本体、陰、矢印等の色が変えられます。）


!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!


１５．色の付いたドロップダウンのリンクです！！



*　画面が変わりましたら、左上にある　”戻る”　ボタンを押して下さい。
* <OPTION value="http://www.・・・のアドレスを
　　リンクさせたい所に変えます。
*　拝啓の色は、BACKGROUND-COLOR: #000000で変更。
*　文字はアドレスの後ろ　</OPTION>　の前を変えてみて下さい。
*　文字の色は、COLOR: #ffdf00で、変更。


　タグ表示


!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!


１６．マーキー ( Ⅱ ) です！！
ようこそ、
★ ほーむぺーじ部品館 ★に
遊びに来てくれまして
ありがとうございます。
ゆっくり楽しんで下さい！！
* <FONT color="#3399ff" size="2">ようこそ、<BR>　・・・の所の文章
　　を変えて下さい。
*　行数が足りなくなりましたら、”ようこそ、<BR>”　をコピーして増やして
　　下さい。
*　文字の色は、FONT color="#3399ff"　で、変更して下さい！！


タグ表示


!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!


１７．背景は動かさないで、文字・写真だけが動く。

* <BODY> の中に bgproperties="fixed" をコピーするだけです。
　 <BODY text="#000000" bgproperties="fixed">　の様になります。


サンプル 表示



!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!



イラスト
１８．アンケート

ここをクリック　　　⇒　 サンプル表示

　　　　　　　　　　　　タ グ 表 示
* タイトルバー ・ タスクバーにメッセージが流れる。
* <HEAD></HEAD>タグの中を以下の様にする。
* ”　　”の中に文章を入れてあげる。
以下の様な形で e-Mail で送られて来ます。この質
問から相手のメールアドレスは判りません。アドレ
スは　jh8cmz@bea.hi-ho.ne.jp　で送れて来ます。
------ 評価 ------
大変良い
------ 性別 ------
女性
------ 都道府県 ------
東京都
------ 一言 ------
また来ます～。(^^)/ Local Time: 99/9/29/0:39
どなたか判らないのですが実際送ってもらっ
た メールをつかわさせて頂ました。


!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!
ご利用上の注意

これらの部品は、制作した物、手を加えてやさしく出来る様にした物、
他のサイトからリンクウェアー等で掲載さしてもらっている物から構成
してます。リンクさして頂いているサイトは当ホームページのリンク
のページに掲載さして頂いてます。
　
なお、これらのサービスを利用して、 もしデータの破損ハードの障害
等の トラブルが発生したとしても、当方で は何らかの責任を一切とり
ません。又、JavaScript・HTML・DHTML等、区分がゴチャゴチャにな
った事をおわびいたします。


Home