BBS
HTML
CSS
JavaScript
DHTML
フィルタ
CGI
アクセス向上
音楽&動画
カラー
画像
フォント
特殊文字
HP作成リンク
サイト宣伝リンク
ACCESS R
ホーム
>
DHTML
>
ブレが変わる方法
■説明
ブレ始めたり戻ったりすることが出来ます。DHTMLの機能です。動的なページを作ることが出来ます。
複数の指定方法がありますので以下に示します。
Blur Filter
画像をぶれさせたような効果を出します。文字の場合は立体的な影付き文字になります。
設定値
説明
Add
falseの場合は効果を与えた画像に元の画像を重ねません。trueの場合は元の画像に重ねます。指定しない場合には、falseがデフォルトとなります。
Direction
ぶれの方向を角度で指定します。時計方向に角度を変更できます。0〜360まで指定します。
0 ・・・Top
45 ・・・Top Right
90 ・・・Right
135・・・Bottom Right
180・・・Bottom
225・・・Bottom Left
270・・・Left
315・・・Top Left
360・・・Top
Strength
ぶれの距離を設定します。単位は、ピクセルとなります。指定しない場合には、5がデフォルトとなります。
■ソース
<HTML> <HEAD> <META HTTP-EQUIV="Content-Script-Type" CONTENT="text/javascript"> <TITLE>ブレが変わる方法</TITLE> <SCRIPT TYPE="text/javascript"> <!-- move = 0; flag = 0; function Blur(id){ if(document.all){ setTimeout('Blur("blur1")', 100); document.all(id).style.filter = "Blur(Add=true, Direction=135, Strength=" + move + ")"; if(flag == 0){ if(move <= 20){ move++; }else{ flag = 1; } }else{ if(move > 0){ move--; }else{ flag = 0; } } } } //--> </SCRIPT> </HEAD> <BODY> <FORM> <IMG ID="blur1" SRC="Image1.jpg"> <INPUT TYPE="BUTTON" VALUE=" GO " onClick='Blur("blur1")'> </FORM> </BODY> </HTML>
■実行例
■対応ブラウザ
ブレが変わる方法
IE3
IE4
IE5
IE5.5
IE6
N3
N4
N6
N7
O6
×
●
●
●
●
×
×
×
×
×
[
ホーム
] [
DHTML
] [
↑ページ最上部へ戻る
]
Webマスター、HP作成のプロとして活躍したい方は見てください。
ホームページの開設数が増加し、Web業界や一般企業でWebマスターが急激に求められています。Webマスターの絶対数の不足している今が、技能習得の絶好のチャンスです。
Copyright © 2000-2003 ACCESS R All rights reserved. Presented by Ruby