SMIL overgang

Transition kan generere effekter som 'fade' og 'erase' for elementer.

Transition tilhører SMIL 2.0

Transition er en ny funktion i SMIL 2.0. Transition er ikke en del af SMIL 1.0-standarden.

Internet Explorer 6 understøtter Transition baseret på SMIL 2.0-standarden. Transition implementeres ved hjælp af <transitionfilter>-elementet.

egenskaber

<transitionfilter>-elementet har flere elementer, de mest almindelige er:

egenskaber beskrivelse eksempel
type definerer transitionens filtertype (se transition filterliste) type="clockWipe"
begin definerer hvornår transitionen skal begynde begin="0s"
mode definerer transitionens mode mode="in"
from definerer transitionens startværdi from="0.2"
to definerer transitionens afslutningsværdi to="0.8"

Transition-filtre

kan bruge følgende transition-filtre:

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

Eksempel: Vis overgang

<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 ovenstående eksempel vil billedet blive vist i 4 sekunder. Transition filter vil vise billedet i 2 sekunder med "clockWipe" metoden.

Tip:Du skal køre Internet Explorer 6 for at vise dette eksempel.

TIY