HTML2

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

アニメーション


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


２．マーキー ( Ⅲ ) です！！
更新情報

★ ほーむぺーじ部品館 ★
すぐに使えるフリーの
ＭＩＤＩ・ 壁紙 ・ 無料の
ロゴ・バナー制作 ・
Javaスクリプト ・
ダイナミックＨＴＭＬです。
わかりやすく確実に
設置出来る様にタグ、
説明付きで作りました。
ホームページを開設
されている方又、
そうでない方も御来館
下さい。
きっと欲しい物が沢山
ありますョ！！
* タイトル等に使われると良いですねェ！！

　　　　　　タグ表示

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


３．可愛い感じのリストボックス （Ⅱ）
* １番と２番をたしてみました！！


* 枠の色は<TABLE cellspacing="0"・・・ bgcolor="#a04800" border="0"> のbgcolor="#a04800"
　の値を変えてあげます。
* 枠線の太さは、cellpadding="2"　の値を変えます。


　　　　　　タグ表示


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


４．おしゃれな入力ボックス


<BODY> </BODY>　の中

<INPUT style="border:solid 2px pink;" size="20">

* 通常の入力ボックスを、フラットにし枠線をピンクにしてます。
* 枠線の太さは、solid 2px pink　の値を変え　size="20"　で、枠の幅を変えます。


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



５．背景色にグラデーション

* startColorstr=#000000　endColorstr=#ffffff　で、最初の色、終わりの色を指定する。
* gradientType=0　で、縦方向。１で、横方向に変わります。

サンプル　＆　タグ表示


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


６．ページを枠で囲む
ここのページの様に枠で、囲んでみます。


<BODY> </BODY>　の中

<script language="JavaScript1.2">
<!--
document.body.style.
cssText="border:15 outset #0080ff"
window.scroll()
// -->
</SCRIPT>

* outset #0080ffで、枠の色を指定します。
* 枠線の太さは、border:15の値を変えます。


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


７．ページを枠で囲む (Ⅱ)
単色の枠で、囲んでみます。


<BODY> </BODY>　の中

<BODY bgcolor="#FFF9DD"style=
"border-right: thick groove rgb(153, 0, 0);
border-left: thick groove rgb(153, 0, 0);
border-top: thick groove rgb(153, 0, 0);
border-bottom: thick groove rgb(153, 0, 0)">
</BODY>

* <BODY bgcolor="#fff9dd">で、枠の色を指定します。

サンプル


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


８．クリックすると音がなる。
イラスト

* <PARAM name="FileName" value="Hello.WAV"> の Hello.wav の名前を
　好きなものに変えます。

　　　　　　タグ表示

Hello.wav ダウンロード

Hello.wav ダウンロード


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


９．テキストが、七色に変わる。

* set_time="300" の値を変えてあげると色の変わる速度がかわります。
* size="2" で、文字の大きさを変える事が出来ます。


サンプル　＆　タグ表示


!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　　
１１．当ホームページの様に、トップページか
ら５秒たってメインページに変わる。


* URL=http://www.bea.hi-ho.ne.jp/jh8cmz/top.htm" をメインページの
　アドレスに変えてください。
* 最初に表示させる （ トップページ ） に記載してあげる。


サンプル表示 タグ表示


!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　　
１２．四隅に丸みを付ける。

この様に四隅に丸みを付ける事が出来ます。


背景が黒用
イラスト イラスト イラスト イラスト
buhinkan_kadoBLU buhinkan_kadoBRU buhinkan_kadoBRD buhinkan_kadoBLD
背景が白用
イラスト イラスト イラスト イラスト
buhinkan_kadoHLU buhinkan_kadoHRU buhinkan_kadoHRD buhinkan_kadoHLD


* 下記の様な枠の形態を作って枠の太さを 0 にします。
　 枠の中に色を付ける。
* 上の GIF を四隅に付け左揃え ・ 上揃え等を４カ所してあげる。
　上の GIF は背景が黒 ・ 白用なので、そのつど背景色に合わせて
　作ると良いです。


イラスト この様に四隅に丸みを付ける事が出来ます。 イラスト
イラスト イラスト


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


１３．JavaScript ８ の応用で写真が変わります。

（マウスで触れてください！）

HONDA CBX1000 → かまくらの中で甘酒


* src="ham-photo1.jpg" に画像を指定します。
* width="315" height="222" border="0" に画像の
　サイズを指定します。


タグ表示


!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　　
１５．色々なカーソル


☆ 手の形 ☆
<SPAN style="CURSOR: hand">☆ 手の形 ☆</SPAN>


☆ 矢印　１ ☆
<SPAN style="CURSOR: n-resize">☆ 矢印　１ ☆</SPAN>


☆ 矢印　２ ☆
<SPAN style="CURSOR: nw-resize">☆ 矢印　２ ☆</SPAN>


☆ びっくりマーク ☆
<SPAN style="CURSOR: help">☆ びっくりマーク ☆</SPAN>


☆ 砂時計 ☆
<SPAN style="CURSOR: wait">☆ 砂時計 ☆</SPAN>


☆ 十　時 ☆
<SPAN style="COLOR: white; CURSOR: crosshair">☆ 十　時 ☆</FONT>


* サンプルの下のタグとタグにはさんであげる。


!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　
１６．パスワードを使ってアクセス制限をする。


Password : 　


パスワードは、sample. と入力して下さい。
リンクした所に飛びタグが表示されます。
パスワードの最後に『 . 』を付けるのを忘れずに。


!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　　
１７．リストボックスの文字がタイピングする。


" ------ ★☆ by.ほーむぺーじ部品館 ☆★ ------　",の様に

" 　",　の間に表示させたいコメントを入れる。

行を空けるときは　" 　",　を入れます。


サンプル表示 タグ表示


!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　!(^^)!　　
１８．リンクされたテキスト ・ 画像の上にマウスが来ると音がなる。

ここでの音はサンプルで重たい音を使ったので BBS の上でお待ち下さい。


テキストのリンク

ＢＢＳ

普通のGIFにリンク

BBS

動くGIFにリンク

BBS

* メモ

　同じページに同じ音を置く時以下のタグは、一つだけにして下さい。音がならないので。
　<BGSOUND id=Sound_013SND src="">
　<EMBED name=Sound_013 src=Sound_013.WAV hidden=true AUTOSTART="false" MASTERSOUND>

* 音の種類はここでは、wavですが、wavを変えてあげると他の形式でも出来ると思います。
　（ 確認しておりませんが、いろいろ試してみて下さい。）

* ここでの　Sound_013.wav は、４６ｋｂで大きいのですが、実際は１０ｋｂ以下の軽い音が良いと思います。


タグ表示

Sound_013.wav ダウンロード

Sound_013.wav ダウンロード


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

ご利用上の注意

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


Home