SMIL Transition

Transition kan generera effekter som 'tona in/tona ut' och 'sopra ut' för element.

Transition tillhör SMIL 2.0

Transition är en ny egenskap i SMIL 2.0. Transition är inte en del av SMIL 1.0-standarden.

Internet Explorer 6 stöder Transition baserat på SMIL 2.0-standarden. Transition implementeras genom <transitionfilter>-elementet.

Egenskaper

<transitionfilter>-elementet har flera element, de mest använda är:

Egenskaper Beskrivning Exempel
type Definiera transitionens filtertyp (se transitionfilter-lista) type="clockWipe"
begin Definiera när transitionen börjar begin="0s"
mode Definiera transitionens modus mode="in"
from Definiera transitionens startvärde from="0.2"
to Definiera transitionens slutvärde to="0.8"

Transitionfilter

Kan använda följande transitionfilter:

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

Exempel: Visa 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>

I det ovanstående exemplet kommer bilden att visas i 4 sekunder. Transition-filteret kommer att visa bilden på 2 sekunder med "clockWipe"-effekten.

Tips:Du måste köra Internet Explorer 6 för att visa detta exempel.

TIY