BBS
HTML
CSS
JavaScript
DHTML
フィルタ
CGI
アクセス向上
音楽&動画
カラー
画像
フォント
特殊文字
HP作成リンク
サイト宣伝リンク
ACCESS R
ホーム
>
フィルタ
>
Barn
■Barn
progid:DXImageTransform.Microsoft.Barn Filter
扉を開けたり閉めたりするようなトランジション効果を与えます。
設定値
説明
Enabled
フィルターの有効、無効を指定します。設定値は1(true)で有効、0(false)で無効となります。デフォルト値は、1(true)となります。
Duration
トランジション効果を与える時間を秒数で指定します。
Motion
トランジションの切り替わりを指定します。設定値はin、outとなります。デフォルト値はoutとなります。
・inは中→外にトランジションします。
・outは外→中にトランジションします。
Orientation
トランジションの切り替わる方向を指定します。
設定値はhorizontal、verticalとなります。デフォルト値はverticalとなります。
・horizontalは縦方向にトランジションします。
・verticalは横方向にトランジションします。
■ソース
<HTML> <HEAD> <META HTTP-EQUIV="Content-Script-Type" CONTENT="text/javascript"> <META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css"> <TITLE>Barn</TITLE> <STYLE TYPE="text/css"> <!-- .b1 {filter:progid:DXImageTransform.Microsoft.Barn(Duration=2,Motion=in,Orientation=vertical); background-color:red; height:200px; width:200px; font-weight:bold; } --> </STYLE> <SCRIPT TYPE="text/javascript"> <!-- flag = 0; function ChangeBarn(id){ if(window.createPopup){ if(document.all.item(id).filters['DXImageTransform.Microsoft.Barn']){ document.all.item(id).filters['DXImageTransform.Microsoft.Barn'].apply(); if(flag == 0){ document.all.item(id).innerHTML = '★夜の天使(2)★<BR><BR><BR><IMG SRC="Image2.jpg">'; flag = 1; }else{ document.all.item(id).innerHTML = '★夜の天使(1)★<BR><BR><BR><IMG SRC="Image1.jpg">'; flag = 0; } document.all.item(id).filters['DXImageTransform.Microsoft.Barn'].play(); } } } //--> </SCRIPT> </HEAD> <BODY> <FORM> <DIV ID="barn" CLASS="b1">★夜の天使(1)★<BR><BR><BR><IMG SRC="Image1.jpg"></DIV> <INPUT TYPE="BUTTON" VALUE=" GO " onClick='ChangeBarn("barn")'> </FORM> </BODY> </HTML>
■実行例
★夜の天使(1)★
Duration
Motion
in
out
Orientation
Horizontal
Vertical
■対応ブラウザ
progid:DXImageTransform.Microsoft.Barn
設定値
IE3
IE4
IE5
IE5.5
IE6
N3
N4
N6
Enabled
×
×
×
●
●
×
×
×
Duration
×
×
×
●
●
×
×
×
Motion
×
×
×
●
●
×
×
×
Orientation
×
×
×
●
●
×
×
×
[
ホーム
] [
フィルタ
] [
↑ページ最上部へ戻る
]
広告収入で収入アップ!!
あなたのホームページ・メールマガジンに広告を載せてみませんか？成功報酬型で広告費を支払うエーハチネットがおすすめ。私はこれで
月に5万円を稼いでいます!!
Copyright © 2000-2003 ACCESS R All rights reserved. Presented by Ruby
