Przejścia SMIL

Transition może generować efekty takie jak "wchodzenie i wyjście" oraz "wymazywanie" dla elementów.

Transition należy do SMIL 2.0

Transition to nowa cecha w SMIL 2.0. Transition nie jest częścią specyfikacji SMIL 1.0.

Internet Explorer 6 obsługuje Transition oparty na specyfikacji SMIL 2.0. Transition jest realizowany przez element <transitionfilter>.

atrybuty

<element przejścia> posiada kilka elementów, najczęściej używane to:

atrybuty opis przykład
typ definiuje typ filtru przejścia (zobacz listę filtrów przejścia) type="clockWipe"
start definiuje, kiedy zaczyna się przejście start="0s"
tryb definiuje tryb przejścia tryb="in"
od definiuje wartość początkową przejścia od="0.2"
do definiuje wartość końcową przejścia do="0.8"

Filtrowanie przejścia

można użyć poniższych filtrów przejścia:

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

Przykład: Wyświetlanie przejścia

<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>

W powyższym przykładzie, obraz będzie wyświetlany przez 4 sekundy. Filtr przejścia Transition wyświetli obraz przez 2 sekundy w sposób "clockWipe".

Wskazówka:Musisz uruchomić Internet Explorer 6, aby wyświetlić ten przykład.

TIY