Wheel 필터 예제

Duration(0) Duration(1) Duration(2) Duration(4) Duration(8) Duration(16)
Spokes(2) Spokes(3) Spokes(4) Spokes(5) Spokes(10) Spokes(20)

필터 표시창

<SCRIPT>
var clickBut=false;
function doPlay(){
  obj.Apply();
  if (clickBut){
    clickBut=false;
    divObj.style.backgroundColor='pink';
  } else {
    clickBut=true;
    divObj.style.backgroundColor="green";
  }
  obj.Play();
  str='divObj.style.filter='+divObj.style.filter+'<BR>';
  str+='⇒Enabled=('+obj.Enabled+'), ';
  str+='Duration=('+obj.Duration+'), ';
  str+='Spokes=('+obj.Spokes+')';
  show.innerHTML=str;
}
</SCRIPT>
<STYLE>
.But{width:100}
</STYLE>
<DIV id="divObj"
 style="width:600;height:300;background-color:pink;padding=5;font-size:40;line-height:1.2em;color:yellow;font-weight:bold;
  filter:progid:DXImageTransform.Microsoft.Wheel(duration=3);">
<IMG src=../../../gif/rfexample.gif width=100><BR>
Wheel 필터 예제
</DIV>
<SCRIPT>obj=divObj.filters[0];</SCRIPT>
<BUTTON onclick="obj.Duration='0';doPlay()" class=But>Duration(0)</BUTTON>
<BUTTON onclick="obj.Duration='1';doPlay()" class=But>Duration(1)</BUTTON>
<BUTTON onclick="obj.Duration='2';doPlay()" class=But>Duration(2)</BUTTON>
<BUTTON onclick="obj.Duration='4';doPlay()" class=But>Duration(4)</BUTTON>
<BUTTON onclick="obj.Duration='8';doPlay()" class=But>Duration(8)</BUTTON>
<BUTTON onclick="obj.Duration='16';doPlay()" class=But>Duration(16)</BUTTON><BR>
<BUTTON onclick="obj.Spokes='2';doPlay()" class=But>Spokes(2)</BUTTON>
<BUTTON onclick="obj.Spokes='3';doPlay()" class=But>Spokes(3)</BUTTON>
<BUTTON onclick="obj.Spokes='4';doPlay()" class=But>Spokes(4)</BUTTON>
<BUTTON onclick="obj.Spokes='5';doPlay()" class=But>Spokes(5)</BUTTON>
<BUTTON onclick="obj.Spokes='10';doPlay()" class=But>Spokes(10)</BUTTON>
<BUTTON onclick="obj.Spokes='20';doPlay()" class=But>Spokes(20)</BUTTON><BR>
<DIV id=show style="width:600;height:50;border:solid 1 blue;padding:3;font-size:80%">필터 표시창</DIV>