SMIL Transition
- Previous Page SMIL Parallel
- Next Page SMIL Media
Transition ສາມາດປະກອບຄວາມສະແດງສຳລັບປະກອບ 'ສະແດງເພື່ອນ' ແລະ 'ການສະແດງການກວດກາ' ແລະ ອັນນັ້ນອີກ.
Transition ຢູ່ໃນ SMIL 2.0
Transition ແມ່ນຄວາມປະສົງໃໝ່ໃນ SMIL 2.0. Transition ບໍ່ແມ່ນສ່ວນໜຶ່ງຂອງກົດລະບຽບ SMIL 1.0.
Internet Explorer 6 ສະໜັບສະໜູນການສະແດງຕົວຕອນທີ່ຕັດງົບປະກອບຕາມຄົນປະກອບ SMIL 2.0. Transition ຖືກພັດທະນາໂດຍ <transitionfilter> ປະກອບ.
ປະກອບ
<transitionfilter> ມີປະກອບຫຼາຍອັນ ພວກທີ່ໃຊ້ຫຼາຍທີ່ສຸດແມ່ນ:
ປະກອບ | ການອະທິບາຍ | ຕົວຢ່າງ |
---|---|---|
type | ກໍານົດປະເພດຕົວຕອນການສະແດງ (ບັນຍາຍຕົວຕອນການສະແດງ) | type="clockWipe" |
begin | ກໍານົດເວລາທີ່ເລີ່ມຕົວຕອນການສະແດງ | begin="0s" |
mode | ກໍານົດຮູບແບບຕົວຕອນການສະແດງ | mode="in" |
from | ກໍານົດຄູ່ຄາຍເລີ່ມຕົວຕອນການສະແດງ | from="0.2" |
to | ກໍານົດຄູ່ຄາຍຂອງຕົວຕອນການສະແດງ | to="0.8" |
ຕົວຕອນການສະແດງ
ສາມາດໃຊ້ຕົວຕອນການສະແດງທີ່ລາຍງາຍພາຍໃຫ້ຢູ່ລັງສະນະນັ້ນ:
fade, barnDoorWipe, barWipe, clockWipe, ellipseWipe, fanWipe, irisWipe pushWipe, slideWipe, snakeWipe, spiralWipe, starWipe
Example: Display Transition
<html xmlns:t="urn:schemas-microsoft-com:time"> <head> <?import namespace="t" implementation="#default#time2"> <style>.t {behavior: url(#default#time2)}</style> </head> <body> <t:transitionfilter targetelement="keyb" type="clockWipe" begin="keyb.begin" dur="2s" /> <img id="keyb" class="t" src="pic_keyb.jpg" dur="4s" width="128" height="107" /> </body> </html>
In the example above, the image will be displayed for 4 seconds. The Transition filter will display the image in 2 seconds using the "clockWipe" method.
Hint:You must run Internet Explorer 6 to display this example.
- Previous Page SMIL Parallel
- Next Page SMIL Media