BBS
HTML
CSS
JavaScript
DHTML
フィルタ
CGI
アクセス向上
音楽&動画
カラー
画像
フォント
特殊文字
HP作成リンク
サイト宣伝リンク
ACCESS R
ホーム
>
フィルタ
>
Spiral
■Spiral
progid:DXImageTransform.Microsoft.Spiral Filter
海の渦巻きのようなトランジション効果を与えます。
設定値
説明
Enabled
フィルターの有効、無効を指定します。設定値は1(true)で有効、0(false)で無効となります。デフォルト値は、1(true)となります。
Duration
トランジション効果を与える時間を秒数で指定します。
GridSizeX
横のグリッド数を指定します。設定値は1〜100となります。デフォルト値は16となります。
GridSizeY
縦のグリッド数を指定します。設定値は1〜100となります。デフォルト値は16となります。
■ソース
<HTML> <HEAD> <META HTTP-EQUIV="Content-Script-Type" CONTENT="text/javascript"> <META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css"> <TITLE>Spiral</TITLE> <STYLE TYPE="text/css"> <!-- .s1 {filter:progid:DXImageTransform.Microsoft.Spiral(Duration=2,GridSizeX=16,GridSizeY=16); background-color:red; height:200px; width:200px; font-weight:bold; } --> </STYLE> <SCRIPT TYPE="text/javascript"> <!-- flag = 0; function ChangeSpiral(id){ if(window.createPopup){ document.all.item(id).filters['DXImageTransform.Microsoft.Spiral'].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.Spiral'].play(); } } //--> </SCRIPT> </HEAD> <BODY> <FORM> <DIV ID="spiral" CLASS="s1">★夜の天使(1)★<BR><BR><BR><IMG SRC="Image1.jpg"></DIV> <INPUT TYPE="BUTTON" VALUE=" GO " onClick='ChangeSpiral("spiral")'> </FORM> </BODY> </HTML>
■実行例
★夜の天使(1)★
Duration
GridSizeX
GridSizeY
■対応ブラウザ
progid:DXImageTransform.Microsoft.Spiral
設定値
IE3
IE4
IE5
IE5.5
IE6
N3
N4
N6
Enabled
×
×
×
●
●
×
×
×
Duration
×
×
×
●
●
×
×
×
GridSizeX
×
×
×
●
●
×
×
×
GridSizeY
×
×
×
●
●
×
×
×
[
ホーム
] [
フィルタ
] [
↑ページ最上部へ戻る
]
Webマスター、HP作成のプロとして活躍したい方は見てください。
ホームページの開設数が増加し、Web業界や一般企業でWebマスターが急激に求められています。Webマスターの絶対数の不足している今が、技能習得の絶好のチャンスです。
Copyright © 2000-2003 ACCESS R All rights reserved. Presented by Ruby