path, begin, dur, targetElement 속성 예제path 속성 사용법.
path 다른 속성 사용법.
<HTML xmlns:t="urn:schemas-microsoft-com:time">
<HEAD>
<STYLE>.time { behavior: url(#default#time2) }</STYLE>
<IMPORT namespace="t" implementation="#default#time2">
</HEAD>
<BODY>
<div style=height:200;width:100%></div>
<DIV id="div1Obj" class="time"
style="position:absolute;top:80;left:100;height:50;width:150;background-color:pink;text-align:center;
color:blue;font-size:16;border:solid blue 1;padding:5"><B>path</B> 속성 사용법.</DIV>
<t:ANIMATEMOTION targetElement="div1Obj" begin="but1Obj.click" path="M 0 0 L 100 0 v 100 h -100 V 0" dur="3" />
<DIV id="div2Obj" class="time"
style="position:absolute;top:80;left:400;height:50;width:150;background-color:yellow;text-align:center;color:brown;
font-size:16;border:solid red 1;padding:5"><B>path</B> 다른 속성 사용법.</DIV>
<t:ANIMATEMOTION targetElement="div2Obj" begin="but2Obj.click" path="m 0 0 L 100 100 0 100 0 100 z" dur="5" />
<BUTTON id="but1Obj" style="position:absolute;top:200;left:100;">div1Obj 새로 시작</BUTTON>
<BUTTON id="but2Obj" style="position:absolute;top:200;left:400;">div2Obj 새로 시작</BUTTON>
</BODY>
</HTML>
|