SAK 図書館
SAK 図書館
ホームページ作成 HTML 編 (その五) 特殊効果、その他
■自動ページジャンプ
・特定の URL へ指定秒後にジャンプさせることができる。
<META http-equiv="refresh" content="2; url=http://sak-main/">
| |_ URL
|_ 待機秒数
■<SPAN> タグ
・文字にマーカー効果を付けることができる。
あいうえお <SPAN style="background:#dfffdf">SAK Streets</SPAN> さしすせそ
|_ マーカーカラー
あいうえお SAK Streets さしすせそ
■<SUB>、<SUP> タグ
・文字の配置を変えることができる。
<FONT size="8">S<SUB>AK</SUB> S<SUP>tr</SUP>e<SUB>et</SUB>s</FONT>
SAK Streets
■filter:glow
・文字を発光させることができる。
<DIV style="width=100%; font-size:36pt; color=#404040; filter:glow(color=#afffaf, strength=12)">SAK Streets</DIV>
| |_ 強さ
|_ 発光色
SAK Streets
■filter:shadow
・文字に影をつけることができる。
<DIV style="width=100%; font-size:36pt; color=#404040; filter:shadow(color=#afffaf, direction=120)">SAK Streets</DIV>
| |_ 方向
|_ 影の色
SAK Streets
■filter:dropshadow
・文字に離れた影をつけることができる。
<DIV style="width=100%; font-size:36pt; color=#404040; filter:dropshadow(color=#afffaf, offx=2, offy=2, positive=1)">SAK Streets</DIV>
| | |_ y 方向シフト
| |_ x 方向シフト
|_ 影の色
SAK Streets
■filter:blur
・文字に軌跡をつけることができる。
<DIV style="width=100%; font-size:36pt; color=#ffffff; filter:blur(add=1, direction=120, strength=10)">SAK Streets</DIV>
| |_ 強さ
|_ 方向
SAK Streets
■アイコン付きボタン
・ボタンに画像を追加することができる。
<BUTTON type="submit"><IMG src="../../../w_img/sak3icow.gif" align="center"> 画像ボタン</BUTTON>
|_ 表示画像
■ラジオボタン
・ラジオボタンは次のよう使う。
フォームに配置して、CGI で選択を取得するか、JAVA クライアントスクリ
プトで処理する。
<INPUT type="radio" name="color" value="#404040" checked><FONT color="#404040">■</FONT>
<INPUT type="radio" name="color" value="#c04040"><FONT color="#c04040">■</FONT>
<INPUT type="radio" name="color" value="#d04080"><FONT color="#d04080">■</FONT>
<INPUT type="radio" name="color" value="#4040a0"><FONT color="#4040a0">■</FONT>
■
■
■
■
■ホームページ作成 HTML 編資料
■企業サイト、商用サイト作成編資料
■ホームページ作成 設計編資料
■ホームページ作成 JAVA Script 編資料
Copyright (C) 1999-2018 Y.SAK