와 문자열

정상 이미지 필터 디폴트 필터 효과 Positive 전환 Color 변화
OffX 증가 OffX 감소 OffY 증가 OffY 감소 글자색

필터 표시창

<SCRIPT>
aColors=new Array('pink','red','yellow','aqua','green','blue','brown','teal');
Bidx=0;
Cidx=1;
function doPlay(job){
  HEnabled=divObj.filters[0].Enabled;
  if (!job) divObj.filters[0].Enabled=false;
  else {
    divObj.filters[0].Enabled=true;
    if (job==1){
      divObj.filters[0].Positive=true;
      divObj.filters[0].OffX=divObj.filters[0].OffY=5;
      divObj.filters[0].Color='#FF404040';
    } else if (job==2){
    } else if (job==3){
      if (divObj.filters[0].Positive) divObj.filters[0].Positive=false
      else divObj.filters[0].Positive=true;
    } else if (job==4){
      Bidx++;
      divObj.filters[0].Color=aColors[Bidx%aColors.length];
    } else if (job==5){
      divObj.filters[0].OffX++;
    } else if (job==6){
      if(divObj.filters[0].OffX<20) divObj.filters[0].OffX--;
    } else if (job==7){
      divObj.filters[0].OffY++;
    } else if (job==8){
      if(divObj.filters[0].OffY>-10) divObj.filters[0].OffY--;
    } else if (job==9){
      Cidx++;
      divObj.style.color=aColors[Cidx%aColors.length];
    }
  }
  str='divObj.style.filter='+divObj.style.filter+'<BR>';
  str+='divObj.filters[0].Enabled=('+HEnabled+')  ⇒ ('+divObj.filters.item(0).Enabled+'), ';
  str+='divObj.filters[0].Positive=('+divObj.filters[0].Positive+')<BR>';
  str+='divObj.filters[0].OffX=('+divObj.filters[0].OffX+') divObj.filters[0].OffY='+divObj.filters[0].OffY+'),<BR>';
  str+='divObj.filters[0].Color=('+divObj.filters[0].Color+'), ';
  str+='divObj.style.color=('+divObj.style.color+')<BR>';
  show.innerHTML=str;
}
</SCRIPT>
<STYLE>.butClass{width:120;background:afa;color:blue;padding-top:4}</STYLE>
<DIV id="divObj" style="width:400;font-size:50;line-height:1.2em;font-weight:bold;color:blue;padding:20;
  filter:DropShadow()" ><IMG src='http://trio.co.kr/gif/triov.jpg'>와 문자열
</DIV>

<BUTTON onclick="doPlay(0)" class="butClass">정상 이미지</BUTTON>
<BUTTON onclick="doPlay(1)" class="butClass">필터 디폴트</BUTTON>
<BUTTON onclick="doPlay(2)" class="butClass">필터 효과</BUTTON>
<BUTTON onclick="doPlay(3)" class="butClass">Positive 전환</BUTTON>
<BUTTON onclick="doPlay(4)" class="butClass">Color 변화</BUTTON><BR>
<BUTTON onclick="doPlay(5)" class="butClass">OffX 증가</BUTTON>
<BUTTON onclick="doPlay(6)" class="butClass">OffX 감소</BUTTON>
<BUTTON onclick="doPlay(7)" class="butClass">OffY 증가</BUTTON>
<BUTTON onclick="doPlay(8)" class="butClass">OffY 감소</BUTTON>
<BUTTON onclick="doPlay(9)" class="butClass">글자색</BUTTON>
<DIV id=show style="width:600;height:70;border:solid 1 blue;padding:3">필터 표시창</DIV>