Transisi SMIL

Transition dapat membangkitkan efek 'keluar masuk' dan 'menghapus' untuk elemen.

Transition termasuk dalam SMIL 2.0

Transition adalah fitur baru di SMIL 2.0. Transition bukan bagian dari spesifikasi SMIL 1.0.

Internet Explorer 6 menyokong Transition yang berdasarkan spesifikasi SMIL 2.0. Transition diimplementasikan melalui elemen <filtertransition>.

aturan

<element filtertransition> mempunyai beberapa elemen, yang paling sering digunakan adalah:

aturan deskripsi contoh
type definikan jenis filter transition (lihat daftar filter transition) type="clockWipe"
begin definikan kapan mulai transition begin="0s"
mode definikan mode transition mode="in"
from definikan nilai awal transition from="0.2"
to definikan nilai akhir transition to="0.8"

Filter Transition

boleh guna filter transition di bawah ini:

fade, barnDoorWipe, barWipe, clockWipe, ellipseWipe, fanWipe, irisWipe 
pushWipe, slideWipe, snakeWipe, spiralWipe, starWipe

Contoh: Paparkan 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>

Dalam contoh di atas, gambar akan dipaparkan selama 4 saat. Filter Transition akan memaparkan gambar dalam 2 saat dengan cara "clockWipe".

Petunjuk:Anda mesti menjalankan Internet Explorer 6 untuk menunjukkan contoh ini.

TIY