页面跳转类似PPT的绚丽效果

这个可以直接在meta中实现。

图片淡入淡出效果，最简单的方法就是在header中可以加入以下两句meta。




启用网页过渡


默认情况下都已经启用了，如果需要手动启用则只需在Internet选项中： Advanced（高级） - Browsing（浏览） - Enable page transitions（启用页面过渡）即可。


应用过渡效果

当我们需要添加过渡效果时，只需在中添加一个特殊的即可，比如：


网页进入过渡：


网页离开过渡：




接下来我们来罗列各种效果：


Blinds（百叶窗）




Properties: bands (default=10), Direction (default="down"), Duration ( no default)

Barn（扫除）





Properties: duration, motion, orientation (default="vertical")

CheckerBoard（无数小格）





Properties: Direction (default="right"), squaresX (default=12), squaresY (default=10)

Fade（淡入淡出）





Properties: duration, overlap (default=1.0)

GradientWipe（渐变扫除）





Properties: duration, gradientSize (default=0.25), motion

Inset（从一角扩散）





Properties: duration

Iris（十字扩散）





Properties: duration, irisStyle (default="PLUS"), motion

Pixelate（震动出来cool）


;

Properties: duration, maxSquare (default=25)

RadialWipe（螺旋扩展）





Properties: duration, wipeStyle (default="CLOCK")

RandomBars（线条遮罩）




Properties: duration, orientation (default="horizontal")

RandomDissolve（像素遮罩cool）





Properties: duration

Slide（拉幕）





Properties: bands (default=1), duration, slideStyle (default="SLIDE")

Spiral（向心旋转cool）




Properties: duration, gridSizeX (default=16), gridSizeY (default=16)

Stretch（两边开幕效果）




Properties: duration, stretchStyle (default="SPIN")

Strips（一角锯齿开幕）




Properties: duration, motion

Wheel（十字旋转开幕）





Properties: duration, spokes (default=4)

ZigZag（Z字形展开）


="Page-Exit" content="progid:DXImageTransform.Microsoft.ZigZag(Duration=2)">


Properties: duration, gridSizeX, gridSizeY