|
（1）效果代碼:
<t:TRANSITIONFILTER from="0" to="1" type="fade" dur="2">
type="fade":圖片變化屬性=值
值:
fade 圖片漸顯漸隱
barWipe 圖片從左到右拉開
ClockWipe 圖片像鐘表一樣旋轉拉開
barnDoorWipe 圖片從中間向兩邊拉開
slideWipe 圖片右往左邊拉開
irisWipe 圖片正中矩形向外擴散
snakeWipe 圖片蛇形展開
ellipseWipe 圖片正中小圓向外擴散
spiralWipe 圖片螺旋顯示
pushWipe 圖片右往左像推箱子一樣
（2）定位代碼:
<DIV style="position:relative; top:0px; left:0px; width:700px; height:500px;overflow: hidden">
width:700px; height:500px:定顯示的寬和高,（原圖片的尺寸是：700×500）
top:0px; left:0px;;定該顯示離頂和左邊的距離。
舉例如下：
原圖：
代碼：
<DIV style="LEFT: 0px; OVERFLOW: hidden; WIDTH: 700px; POSITION: relative; TOP: 0px; HEIGHT: 500px"> <DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px"> <?import namespace = t urn = "urn:schemas-microsoft-com:time" implementation = "#default#time2" declareNamespace />
<t:SEQ repeatCount = "indefinite"><t:MEDIA style="FILTER: alpha; LEFT: 0px; WIDTH: 700px; POSITION: absolute; TOP: 0px" src = "http://userimage2.360doc.com/12/0403/12/2904667_201204031239100786.jpg " dur = "3" fill = "transition" timeContainer = "par"><t:TRANSITIONFILTER from = "0" to = "1" type = " ellipseWipe" dur = "2"></t:TRANSITIONFILTER></t:MEDIA></t:SEQ></DIV></DIV> 顯示效果圖：
將ellipseWipe依次換成其它變化屬性（代碼的其它部分不變?。?FONT size=4 face=宋體>fade、barWipe、ClockWipe、barnDoorWipe、slideWipe、irisWipe、snakeWipe、spiralWipe、pushWipe的顯示效果圖如下：
合在一起：
代碼為：
<P align=center>
<TABLE border=0>
<TBODY>
<TR>
<TD>
<DIV style="POSITION: relative; WIDTH: 700px; HEIGHT: 500px; TOP: 0px; LEFT: 0px" class=divBorderStyleRelative>
<DIV style="POSITION: absolute; TOP: 0px; LEFT: 0px" class=divBorderStyle><t:SEQ repeatCount = "indefinite"><t:MEDIA style="POSITION: absolute; FILTER: alpha; WIDTH: 700px; TOP: 0px; LEFT: 0px" src = "
| 
