IE网页过渡效果
作者:parno 日期:2008-10-22
在IE5.5及以上版本的浏览器中,我们可以设置整页过渡效果,据此,我们甚至可以用IE来代替PPT了。
启用网页过渡
默认情况下都已经启用了,如果需要手动启用则只需在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字形展开)
Properties: duration, gridSizeX, gridSizeY
启用网页过渡
默认情况下都已经启用了,如果需要手动启用则只需在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字形展开)
复制内容到剪贴板
程序代码

Properties: duration, gridSizeX, gridSizeY






评论: 0 | 引用: 0 | 查看次数: 7414
发表评论