You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
41 lines
1.9 KiB
41 lines
1.9 KiB
<!-- test for moving a region with the animate element -->
|
|
<smil>
|
|
<head>
|
|
<layout>
|
|
<root-layout width="640" height="480" background-color="green"/>
|
|
<region id="region1" left="7%" top="10%" width="24%" height="10%" z-index="1" background-color="pink" showBackground="whenActive"/>
|
|
<region id="region2" left="38%" top="10%" width="24%" height="10%" z-index="2" background-color="yellow" showBackground="whenActive"/>
|
|
<region id="region3" left="69%" top="10%" width="24%" height="10%" z-index="3" background-color="cyan" showBackground="whenActive"/>
|
|
<region id="region4" left="25%" top="10%" width="50%" height="80%" z-index="4"/>
|
|
</layout>
|
|
</head>
|
|
<body>
|
|
<par dur="5">
|
|
<text id="text1" src="data:,Left Align" region="region1">
|
|
<param name="fontColor" value="blue"/>
|
|
<param name="fontPtSize" value="12"/>
|
|
</text>
|
|
<text id="text2" src="data:,Center Align" region="region2">
|
|
<param name="fontColor" value="blue"/>
|
|
<param name="fontPtSize" value="12"/>
|
|
<param name="hAlign" value="center"/>
|
|
</text>
|
|
<text id="text3" src="data:,Right Align" region="region3">
|
|
<param name="fontColor" value="blue"/>
|
|
<param name="fontPtSize" value="12"/>
|
|
<param name="hAlign" value="right"/>
|
|
</text>
|
|
<animate target="region1" attributeName="left" from="7%" to="69%" begin="2" dur="1.5" fill="freeze"/>
|
|
<animate target="region3" attributeName="left" from="69%" to="7%" begin="2" dur="1.5" fill="freeze"/>
|
|
<animate target="text3" attributeName="top" from="0%" to="-50%" begin="3.5" dur="1.5" fill="freeze"/>
|
|
</par>
|
|
<par dur="5">
|
|
<text id="text4" src="chapter2.txt" region="region4">
|
|
<param name="fontColor" value="blue"/>
|
|
<param name="fontPtSize" value="11"/>
|
|
</text>
|
|
<animate target="text4" attributeName="top" from="0%" to="-170%" begin=".5" dur="4" fill="freeze"/>
|
|
</par>
|
|
</body>
|
|
</smil>
|