Wheel 필터 예제

Percent=2 Percent=10 Percent=50 Percent=75 Percent=98 play()

<SCRIPT>
function doPlay(job){
  divObj.style.backgroundColor='pink';
  divObj.style.color='blue';
  divObj.filters[0].Apply();
  divObj.style.backgroundColor="blue";
  divObj.style.color='white';
  divObj.filters[0].Enabled=true;
  if (job=='play') divObj.filters[0].Play();
  else divObj.filters[0].Percent=job;
}
</SCRIPT>

<DIV id="divObj"
  style="width:600;height:100;background-color:pink;color:blue;font-size:30;line-height:1.2em;font-weight:bold;padding:9;
    filter:progid:DXImageTransform.Microsoft.Wheel(Duration=4,Spokes=8);">
<IMG src=../../gif/rfexample.gif width=100><BR>
Wheel 필터 예제
</DIV>
<BUTTON onclick="doPlay(2)" style="width:100">Percent=2</BUTTON>
<BUTTON onclick="doPlay(10)" style="width:100">Percent=10</BUTTON>
<BUTTON onclick="doPlay(50)" style="width:100">Percent=50</BUTTON>
<BUTTON onclick="doPlay(75)" style="width:100">Percent=75</BUTTON>
<BUTTON onclick="doPlay(98)" style="width:100">Percent=98</BUTTON>
<BUTTON onclick="doPlay('play')" style="width:100">play()</BUTTON>