적용된 변환 형식을 반환하거나 설정한다.
속성값은 적용된 변환 형식 이름을 나타내는 문자열이다.
이 속성은 읽기/쓰기이며 디폴트값은 없다.
이 애트리뷰트는 transitionFilter의 변환방식을 나타내는 아래 목록 중 하나의 유효한 형식 문자열을 반드시 가져야 한다. 제공되지 않으면, 사용도구에 의하여 제공되는 방식으로 제공된다.
주어진 개체에 한개이상의 transitionFilter 개체를 적용할 수 있고, 이 경우 한개이상의 변환이 일어나므로, 동시에 복합변환을 가능하게 한다.
하부 형식(subType)이 제공되지 않으면, 그 형식(type)의 디폴트 하부형식이 적용되다.
그러나 starWipe은 예외적이어서, 명시적인 subType "fivePoint"가 제공되어야 작용한다.
| type | 가능한 subType들 |
|---|---|
| starWipe | fivePoint(지정 필수) |
| barWipe | leftToRight, topToBottom |
| barnDoorWipe | vertical, horizontal |
| irisWipe | rectangle, diamond |
| ellipseWipe | circle |
| clockWipe | clockwiseTwelve |
| fanWipe | centerTop |
| snakeWipe | topLeftHorizontal |
| spiralWipe | topLeftClockwise |
| pushWipe | fromLeft |
| slideWipe | fromLeft |
| fade | crossfade |
| 개체 | script | HTML | 규격 | IE |
|---|
type 속성값과 그에 따른 가능한 subtype 속성값을 사용하고, DIV 개체들에 각각 동시에 두가지 변환이 적용된다.
<HTML xmlns:t="urn:schemas-microsoft-com:time">
<HEAD>
<STYLE>.time {behavior: url(#default#time2);}</STYLE>
<IMPORT namespace=t urn="urn:schemas-microsoft-com:time" implementation="#default#time2" />
<SCRIPT>
function showAll(){
tf1Obj.type=selObj.value;
str='tf1Obj.type='+tf1Obj.type+'<BR>';
str+='tf2Obj.type='+tf2Obj.type+'<BR>';
str+='tf3Obj.type='+tf3Obj.type+'<BR>';
str+='tf4Obj.type='+tf4Obj.type+'<BR>';
showA.innerHTML=str;
}
</SCRIPT>
</HEAD>
<BODY>
<T:par id="parObj" onbegin="showAll()">
<T:transitionFilter id="tf1Obj" type="barWipe" dur="3" targetElement="div1Obj"/>
<T:transitionFilter id="tf2Obj" type="fade" dur="3" targetElement="div1Obj"/>
<T:transitionFilter id="tf3Obj" type="snakeWipe" dur="3" targetElement="div2Obj"/>
<T:transitionFilter id="tf4Obj" type="barnDoorWipe" dur="3" targetElement="div2Obj" from="0" to="1" CalcMode="linear" mode="in" />
</T:par>
<DIV class="time" id="div1Obj"
style="position:relative;top:0;left:0;background-color:#0000bb;padding:10;height:120;width:400;color:white;font-size:17pt">
div1Obj type=fade, type=barwipe 적용된 DIV.</DIV>
<DIV class="time" id="div2Obj"
style="position:relative;top:0;left:0;background-color:#ffcccc;padding:10;height:80;width:400;">
div2Obj type=snakeWipe, type=barnDoorWipe 적용된 DIV.</DIV>
<SELECT id="selObj" onchange="showAll();parObj.beginElement()">
<OPTION value="starWipe">starWipe
<OPTION value="barWipe">barWipe
<OPTION value="barnDoorWipe" selected>barnDoorWipe
<OPTION value="irisWipe">irisWipe
<OPTION value="ellipseWipe">ellipseWipe
<OPTION value="clockWipe">clockWipe
<OPTION value="fanWipe">fanWipe
<OPTION value="snakeWipe">snakeWipe
<OPTION value="spiralWipe">spiralWipe
<OPTION value="pushWipe">pushWipe
<OPTION value="slideWipe">slideWipe
<OPTION value="fade">fade
</SELECT>
<DIV id=showA></DIV>
</BODY>
</HTML></DIV>