Fade(淡入淡出)
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Fade(Duration=2)">
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Fade(Duration=2)">
Properties: duration, overlap (default=1.0)
GradientWipe(漸變掃除)
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.GradientWipe(Duration=2)">
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.GradientWipe(Duration=2)">
Properties: duration, gradientSize (default=0.25), motion
Inset(從一角擴(kuò)散)
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Inset(Duration=2)">
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Inset(Duration=2)">
Properties: duration
Iris(十字?jǐn)U散)
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Iris(Duration=2)">
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Iris(Duration=2)">
Properties: duration, irisStyle (default="PLUS"), motion
Pixelate(震動(dòng)出來cool)
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Pixelate(Duration=2)">
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Pixelate(Duration=2)">
Properties: duration, maxSquare (default=25)
RadialWipe(螺旋擴(kuò)展)
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.RadialWipe(Duration=2)">
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.RadialWipe(Duration=2)">
Properties: duration, wipeStyle (default="CLOCK")
RandomBars(線條遮罩)
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.RandomBars(Duration=2)">
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.RandomBars(Duration=2)">
Properties: duration, orientation (default="horizontal")
RandomDissolve(像素遮罩cool)
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.RandomDissolve(Duration=2)">
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.RandomDissolve(Duration=2)">
Properties: duration
Slide(拉幕)
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Slide(Duration=2)">
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Slide(Duration=2)">
Properties: bands (default=1), duration, slideStyle (default="SLIDE")
Spiral(向心旋轉(zhuǎn)cool)
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Spiral(Duration=2)">
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Spiral(Duration=2)">
Properties: duration, gridSizeX (default=16), gridSizeY (default=16)
Stretch(兩邊開幕效果)
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Stretch(Duration=2)">
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Stretch(Duration=2)">
Properties: duration, stretchStyle (default="SPIN")
Strips(一角鋸齒開幕)
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Strips(Duration=2)">
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Strips(Duration=2)">
Properties: duration, motion
Wheel(十字旋轉(zhuǎn)開幕)
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Wheel(Duration=2)">
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Wheel(Duration=2)">
Properties: duration, spokes (default=4)
ZigZag(Z字形展開)
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.ZigZag(Duration=2)">
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.ZigZag(Duration=2)">
Properties: duration, gridSizeX, gridSizeY
注意:火狐到現(xiàn)在還不支持濾鏡效果,所以以上效果僅作用于 IE,如果 Firefox 要實(shí)現(xiàn)頁面間切換的過渡效果應(yīng)該要加個(gè) JS,這不在本文討論范圍。