SMIL Transition

ਪ੍ਰੋਗਰਾਮਿੰਗ

Transition ਸਮਰੱਥ ਹੈ ਕਿ ਪੈਮੈਂਟ ਨੂੰ 'ਫੇਡ ਇਨ ਫੇਡ ਆਉਟ' ਅਤੇ 'ਵਾਇਪ ਇਨ ਵਾਇਪ ਆਉਟ' ਵਰਗੇ ਪ੍ਰਭਾਵ ਪ੍ਰਦਾਨ ਕਰੇ।

Transition SMIL 2.0 ਵਿੱਚ ਨਵੀਂ ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ।Transition SMIL 1.0 ਨਿਯਮਾਂ ਦਾ ਹਿੱਸਾ ਨਹੀਂ ਹੈ。

Internet Explorer 6 ਸਮਰੱਥ ਹੈ ਕਿ SMIL 2.0 ਨਿਯਮਾਂ 'ਤੇ ਅਧਾਰਤ Transition ਨੂੰ ਸਮਰਥਨ ਕਰੇ।Transition <transitionfilter> ਅਣੁ ਰਾਹੀਂ ਲਾਗੂ ਕੀਤਾ ਜਾਂਦਾ ਹੈ。

ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ

<transitionfilter> ਅਣੁ ਕਈ ਅਣੁ ਰੱਖਦਾ ਹੈ, ਸਭ ਤੋਂ ਆਮ ਵਾਲੇ ਵਿੱਚ ਇਹ ਹਨ:

ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਵਰਣਨ ਉਦਾਹਰਣ
type transition ਫਿਲਟਰ ਦੇ ਪ੍ਰਕਾਰ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ (transition ਫਿਲਟਰ ਸੂਚੀ ਦੇਖੋ) type="clockWipe"
begin transition ਦੇ ਸ਼ੁਰੂ ਹੋਣ ਦਾ ਸਮਾਂ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ begin="0s"
mode transition ਦਾ ਮੋਡ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ mode="in"
from transition ਦੇ ਸ਼ੁਰੂਆਤੀ ਮੁੱਲ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ from="0.2"
to transition ਦੇ ਸਮਾਪਨ ਮੁੱਲ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ to="0.8"

Transition ਫਿਲਟਰ

ਹੇਠਲੇ transition ਫਿਲਟਰਾਂ ਦੀ ਵਰਤੋਂ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ:

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

ਉਦਾਹਰਣ: 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>

ਉੱਪਰ ਦੇ ਉਦਾਹਰਣ ਵਿੱਚ ਚਿੱਤਰ 4 ਸਕਿੰਟ ਲਈ ਦਿਖਾਇਆ ਜਾਵੇਗਾ। Transition ਫਿਲਟਰ ਚਿੱਤਰ ਨੂੰ 2 ਸਕਿੰਟ ਦੇ ਅੰਦਰ "clockWipe" ਵਿੱਚ ਦਿਖਾਉਣ ਲਈ 2 ਸਕਿੰਟ ਦੇ ਤੌਰ 'ਤੇ ਵਰਤਿਆ ਜਾਵੇਗਾ。

ਸੁਝਾਅ:ਤੁਸੀਂ ਇਸ ਉਦਾਹਰਣ ਨੂੰ ਦਿਸਾਉਣ ਲਈ ਇੰਟਰਨੈੱਟ ਐਕਸਪਲੋਰਰ 6 ਚਲਾਉਣਾ ਚਾਹੀਦਾ ਹੈ。

TIY