개체에 지정된 애트리뷰트를 애니메이션한다.
Script
[propVal =] containerObj .animateObj .propName ;
HTML
<t:ANIMATE propName ="propVal" >innerString </t:ANIMATE >
특기
개체의 애니메이션 스타일 속성과 연관 속성들은 초기화 되어야 한다.top left position
접두어 t: 는 엘레멘트와 연관된 XML E xtensible M arkup L anguage)의 이름자리(namespace html XML 의 namespace 를 선언하여야 한다.
<HTML xmlns:t ="urn:schemas-microsoft-com:time">
다음 태그 정의 HTML time2 import
<IMPORT namespace="t" implementation="#default#time2">
스크립트를 사용하여 활동 애니메이션의 속성들을 탄력적으로 변경시킬 때 예상치 못한 결과를 초래할 수 있으므로, 속성을 변경시킨 후에는 beginElement
<SCRIPT>
object.endElement();
object.path="M 0 0 L 100 100";
object.beginElement();
</SCRIPT>
관련 속성들은 window onload window .onload 이벤트 발생 전에 이들을 사용하는 것은 그 요소가 지원되지 않는다는 스크립트 오류를 발생시킨다.
animate animateMotion animateColor time2
values from to by values 이나 path from 속성이 사용된다.to 속성이 지정되었으면 by 속성을 덮어 씌운다.by 속성은 다른 속성을 덮어 씌우지 않는다.
활성 애니메이션에서 스크립트로 path 를 values 속성으로 변경하는 예제.
<SCRIPT>
object.endElement();
object.path=null;
object.values="100,100;0,0";
object.beginElement();
</SCRIPT>
이 엘레멘트는 표현되지 않는다.
이 엘레멘트는 종료태그를 필요로 한다.
참조
HTML+time animateColor animateMotion set
이 개체는 (영문 ) SMIL 2.0 S ynchronized M ultimedia I ntegration L anguage)에 정의되었다.
animate 설명을 위한 예제
이동 개체
다시 시작
<import namespace="t" implementation="#default#time2">
<div id="divObj" style="position:absolute;top:1100;left:50;width:100;height:30;border:solid black 1;text-align:center;">이동 개체</div>
<t:animate id="oObj" targetelement="divObj" attributename="left" from="100" to="700" begin="1" by="1" dur="5" end="10" fill="hold" systemlanguage="ko">
<script>
function showCount(){
oObj.beginElement();
swCount.innerText=oObj.currTimeState.repeatCount;
}
</script>
<button onclick="oObj.beginElement()">다시 시작</button>
</t:animate></import>
예제의 t:ANIMATE 엘레멘트는 div
개체 설명 결과
currTimeState HTML+time timeline에 대한 정보를 포함하는 개체이다.
클릭
<SCRIPT>document.write(oObj.currTimeState.isActive)</SCRIPT>
accelerate 속성
IE (
<t:ANIMATE accelerate ="iVal" > 애트리뷰트)
⇒ 개체의 시간의 가속에 적용되는 값을 반환하거나 지정한다.
문법: animateObj .accelerate [=iVal ]
코드: document.write(oObj.accelerate);결과: undefined accumulate 속성
IE (
<t:ANIMATE accumulate ="sVal" > 애트리뷰트)
⇒ 애니메이션이 누적되는가를 나타내는 값을 반환하거나 지정한다.
문법: animateObj .accumulate [=sVal ]
코드: document.write(oObj.accumulate);결과: undefined additive 속성
IE (
<t:ANIMATE additive ="sVal" > 애트리뷰트)
⇒ 애니메이션이 다른 애니메이션의 추가분인가를 나타내는 값을 반환하거나 지정한다.
문법: animateObj .additive [=sVal ]
코드: document.write(oObj.additive);결과: undefined attributeName 속성
IE (
<t:ANIMATE additive ="sVal" > 애트리뷰트)
⇒ 애니메이션되는 엘레멘트의 이름을 반환하거나 지정한다.
문법: animateObj .attributeName [=sVal ]
코드: document.write(oObj.attributeName);결과: undefined autoReverse 속성
IE (
<t:ANIMATE autoReverse ="bVal" > 애트리뷰트)
⇒ 개체의 시간의 정방향 진행후 역방향 진행을 할 것인가를 반환하거나 지정한다.
문법: animateObj .autoReverse [= bVal ]
코드: document.write(oObj.autoReverse);결과: undefined begin 속성
IE (
<t:ANIMATE begin ="tVal" > 애트리뷰트)
⇒ 개체를 플레이하는데 시작되는 지연시간을 반환하거나 지정한다.
문법: animateObj .begin [=sVal ]
코드: document.write(oObj.begin);결과: undefined by 속성
IE (
<t:ANIMATE by ="vVal" > 애트리뷰트)
⇒ 애니메이션의 상대적인 오프셋(offset) 값을 반환하거나 지정한다.
문법: animateObj .by [=vVal ]
코드: document.write(oObj.by);결과: undefined calcMode 속성
IE (
<t:ANIMATE calcMode ="sVal" > 애트리뷰트)
⇒ 애니메이션의 계산 모드를 반환하거나 지정한다.
문법: animateObj .calcMode [=sVal ]
코드: document.write(oObj.calcMode);결과: undefined decelerate 속성
IE (
<t:ANIMATE decelerate ="sVal" > 애트리뷰트)
⇒ 개체의 단순 지속의 끝을 선언한 값을 반환하거나 지정한다.
문법: animateObj .decelerate [=sVal ]
코드: document.write(oObj.decelerate);결과: undefined dur 속성
IE (
<t:ANIMATE dur ="tVal" > 애트리뷰트)
⇒ 개체가 활성화되거나 디스플레이되는 지속 시간을 반환하거나 지정한다.
문법: animateObj .dur [= tVal ]
코드: document.write(oObj.dur);결과: undefined end 속성
IE (
<t:ANIMATE end ="tVal" > 애트리뷰트)
⇒ 개체가 반복하도록 설정되었을 때 종료까지나 단순 지속의 시간을 반환하거나 지정한다.
문법: animateObj .end [= tVal ]
코드: document.write(oObj.end);결과: undefined fill 속성
IE (
<t:ANIMATE fill ="sVal" > 애트리뷰트)
⇒ 모체 엘레멘트의 시간이 종료되기 전에 애니메이션 시간이 종료되면 취할 조치를 반환하거나 지정한다.
문법: animateObj .fill [=sVal ]
코드: document.write(oObj.fill);결과: undefined from 속성
IE (
<t:ANIMATE from ="sVal" > 애트리뷰트)
⇒ 애니메이션의 시작값을 반환하거나 지정한다.
문법: animateObj .from [=sVal ]
코드: document.write(oObj.from);결과: undefined hasMedia 속성
IE
⇒ 애니메이션이
HTML+time 메디어(media) 개체를 가지고 있는가를 반환한다.
문법: animateObj .hasMedia [= bVal ]
코드: document.write(oObj.hasMedia);결과: undefined keySplines 속성
IE (
<t:ANIMATE keySplines ="vVal" > 애트리뷰트)
⇒ 애니메이션의 간격에 정의된
Bezier 제어점 설정을 반환하거나 설정한다.
문법: animateObj .keySplines [=vVal ]
코드: document.write(oObj.keySplines);결과: undefined keyTimes 속성
IE (
<t:ANIMATE keyTimes ="sVal" > 애트리뷰트)
⇒ 애니메이션의 간격의 제어에 사용된 시간값들의 목록을 반환하거나 설정한다.
문법: animateObj .keyTimes [=sVal ]
코드: document.write(oObj.keyTimes);결과: undefined repeatCount 속성
IE (
<t:ANIMATE repeatCount ="iVal" > 애트리뷰트)
⇒ 애니메이션의 반복 횟수를 목록을 반환하거나 설정한다.
문법: animateObj .repeatCount [=iVal ]
코드: document.write(oObj.repeatCount);결과: undefined repeatDur 속성
IE (
<t:ANIMATE repeatDur ="sVal" > 애트리뷰트)
⇒ 애니메이션의 반복의 시간을 초단위나 문자열로 반환하거나 설정한다.
문법: animateObj .repeatDur [=sVal ]
코드: document.write(oObj.repeatDur);결과: undefined restart 속성
IE (
<t:ANIMATE restart ="sVal" > 애트리뷰트)
⇒ 애니메이션이 어떤 상황에서 다시 시작할 것인가를 반환하거나 설정한다.
문법: animateObj .restart [=sVal ]
코드: document.write(oObj.restart);결과: undefined speed 속성
IE (
<t:ANIMATE speed ="fVal" > 애트리뷰트)
⇒ 모체의 시간용기에 상대적으로 애니메이션의 플레이 속도를 부동소수점 수치로 반환하거나 설정한다.
문법: animateObj .speed [= fVal ]
코드: document.write(oObj.speed);결과: undefined systemBitrate 속성
IE (
<t:ANIMATE systemBitrate ="speedVal" > 애트리뷰트)
⇒ 시스템의 대략적 밴드폭을
bps (bits-per-second) 단위로 반환한다.
문법: [sVal =] animateObj .systemBitrate
코드: document.write(oObj.systemBitrate);결과: undefined systemCaptions 속성
IE (
<t:ANIMATE systemCaptions ="sVal" > 애트리뷰트)
⇒ 디스플레이되는 텍스트가 플레이되는 오디오 부분에 해당하는가를 나타내는 값을 반환한다.
문법: [sVal =] animateObj .systemCaptions
코드: document.write(oObj.systemCaptions);결과: undefined systemLanguage 속성
IE (
<t:ANIMATE systemLanguage ="sVal" > 애트리뷰트)
⇒ 사용자가 시스템에 설정한 선호 언어를 반환한다.
문법: [sVal =] animateObj .systemLanguage
코드: document.write(oObj.systemLanguage);결과: undefined systemOverdubOrSubtitle 속성
IE (
<t:ANIMATE systemOverdubOrSubtitle ="sVal" > 애트리뷰트)
⇒ 개체를 플레이할 때 작은 제목들을 표현할 것인가를 반환한다.
문법: animateObj .systemOverdubOrSubtitle [=sVal ]
코드: document.write(oObj.systemOverdubOrSubtitle='overdub');결과: overdub targetElement 속성
IE (
<t:ANIMATE targetElement ="oVal" > 애트리뷰트)
⇒ 애니메이션의 목표 엘레멘트를 반환하거나 설정한다.
문법: animateObj .targetElement [=oVal ]
코드: document.write(oObj.targetElement);결과: undefined timeContainer 속성
IE (
<t:ANIMATE timeContainer ="sVal" > 애트리뷰트)
⇒ 엘레멘트와 연관된 애니메이션의 종류를 반환하거나 설정한다.
문법: animateObj .timeContainer [=sVal ]
코드: document.write(oObj.timeContainer);결과: undefined timeParent 속성
IE
⇒ 현재의 엘레멘트를 포함하는 모체 시간 용기를 반환한다.
문법: animateObj .timeParent [=sVal ]
코드: document.write(oObj.timeParent);결과: undefined to 속성
IE (
<t:ANIMATE to ="sVal" > 애트리뷰트)
⇒ 애니메이션의 종료값을 반환하거나 설정한다.
문법: animateObj .to [=sVal ]
코드: document.write(oObj.to);결과: undefined values 속성
IE (
<t:ANIMATE values ="sVal" > 애트리뷰트)
⇒ 애니메이션의 값들의 세미콜론(
; )으로 분리된 목록으로 반환하거나 설정한다.
문법: animateObj .values [=sVal ]
코드: document.write(oObj.values);결과: undefined 최종 수정: All right reserved 비정상적인 방식으로 프레임없이 페이지에 접속하면 자주 오류가 발생됩니다.정상적 접속 으로 시도해 보세요. http://koxo.com/lang/js/object/tanimate.html
object ⇒
