R shinny网站开发,广西红豆社区梧州论坛,汕头做网站优化公司,1688拿货网文章转载自#xff1a;http://www.cnblogs.com/sukiwqy/archive/2009/12/05/1617771.html 利用文本头的 meta 标记中,具体 meta 标记作用这里就不介绍,这里重点说明它如何实现页面过渡效果... IE要求: 在IE5.5及以上版本的浏览器中. 启用网页过渡效果 默认…文章转载自http://www.cnblogs.com/sukiwqy/archive/2009/12/05/1617771.html 利用文本头的 meta 标记中,具体 meta 标记作用这里就不介绍,这里重点说明它如何实现页面过渡效果... IE要求: 在IE5.5及以上版本的浏览器中. 启用网页过渡效果 默认情况下都已经启用了如果需要手动启用则只需在Internet选项中 Advanced高级 - Browsing浏览 - Enable page transitions启用页面过渡即可。 应用过渡效果 当我们需要添加过渡效果时只需在head中添加一个特殊的meta即可比如 meta http-equivPage-Enter contentrevealTrans(Duration2.0,Transition12) / 一.先介绍下参数: http-equiv 作用很多,这里的值为 Page-Enter 是指在页面进入的时候发生,其他值还有: Page-Enter : 进入页面 Page-Exit : 离开页面 Site-Enter : 进入网站 Site-Exit : 离开网站 content 当然就是内容咯,这里表示页面过渡的效果设置,这里的两个属性表示分别表示 Duration : 过渡速度 Transition : 可选项。整数值(Integer)。设置或检索转换所使用的方式 具体数值介绍: 0 : 矩形收缩转换。 1 : 矩形扩张转换。 2 : 圆形收缩转换。 3 : 圆形扩张转换。 4 : 向上擦除。 5 : 向下擦除。 6 : 向右擦除。 7 : 向左擦除。 8 : 纵向百叶窗转换。 9 : 横向百叶窗转换。 10 : 国际象棋棋盘横向转换。 11 : 国际象棋棋盘纵向转换。 12 : 随机杂点干扰转换。 13 : 左右关门效果转换。 14 : 左右开门效果转换。 15 : 上下关门效果转换。 16 : 上下开门效果转换。 17 : 从右上角到左下角的锯齿边覆盖效果转换。 18 : 从右下角到左上角的锯齿边覆盖效果转换。 19 : 从左上角到右下角的锯齿边覆盖效果转换。 20 : 从左下角到右上角的锯齿边覆盖效果转换。 21 : 随机横线条转换。 22 : 随机竖线条转换。 23 : 随机使用上面可能的值转换。 二.下面介绍具体的例子啦: 混合 (淡入淡出) meta http-equivPage-Enter contentblendTrans(Duration2.0) / 盒状收缩 meta http-equivPage-Enter contentrevealTrans(Duration2.0,Transition0) / 盒状展开 meta http-equivPage-Enter contentrevealTrans(Duration2.0,Transition1) / 圆形收缩 meta http-equivPage-Enter contentrevealTrans(Duration2.0,Transition2) / 圆形放射 meta http-equivPage-Enter contentrevealTrans(Duration2.0,Transition3) / 向上擦除 meta http-equivPage-Enter contentrevealTrans(Duration2.0,Transition4) / 向下擦除 meta http-equivPage-Enter contentrevealTrans(Duration2.0,Transition5) / 向右擦除 meta http-equivPage-Enter contentrevealTrans(Duration2.0,Transition6) / 向左擦除 meta http-equivPage-Enter contentrevealTrans(Duration2.0,Transition7) / 垂直遮蔽 meta http-equivPage-Enter contentrevealTrans(Duration2.0,Transition8) / 水平遮蔽 meta http-equivPage-Enter contentrevealTrans(Duration2.0,Transition9) / 横向棋盘式 meta http-equivPage-Enter contentrevealTrans(Duration2.0,Transition10) / 纵向棋盘式 meta http-equivPage-Enter contentrevealTrans(Duration2.0,Transition11) / 随机溶解 meta http-equivPage-Enter contentrevealTrans(Duration2.0,Transition12) / 左右向中央缩进 meta http-equivPage-Enter contentrevealTrans(Duration2.0,Transition13) / 中央向左右扩展 meta http-equivPage-Enter contentrevealTrans(Duration2.0,Transition14) / 上下向中央缩进 meta http-equivPage-Enter contentrevealTrans(Duration2.0,Transition15) / 中央向上下扩展 meta http-equivPage-Enter contentrevealTrans(Duration2.0,Transition16) / 从左下抽出 meta http-equivPage-Enter contentrevealTrans(Duration2.0,Transition17) / 从左上抽出 meta http-equivPage-Enter contentrevealTrans(Duration2.0,Transition18) / 从右下抽出 meta http-equivPage-Enter contentrevealTrans(Duration2.0,Transition19) / 从右上抽出 meta http-equivPage-Enter contentrevealTrans(Duration2.0,Transition20) / 随机水平线条 meta http-equivPage-Enter contentrevealTrans(Duration2.0,Transition21) / 随机垂直线条 meta http-equivPage-Enter contentrevealTrans(Duration2.0,Transition22) / 随机 meta http-equivPage-Enter contentrevealTrans(Duration2.0,Transition23) / 三.其他过渡效果: Blinds百叶窗 meta http-equivPage-Enter contentprogid:DXImageTransform.Microsoft.Blinds(Duration2) / meta http-equivPage-Exit contentprogid:DXImageTransform.Microsoft.Blinds(Duration2) / 属性
: bands (default10), Direction (defaultdown), Duration ( no default) Barn扫除 meta http-equivPage-Enter contentprogid:DXImageTransform.Microsoft.Barn(Duration2) / meta http-equivPage-Exit contentprogid:DXImageTransform.Microsoft.Barn(Duration2) / 属性
: duration, motion, orientation (defaultvertical) CheckerBoard无数小格 meta http-equivPage-Enter contentprogid:DXImageTransform.Microsoft.CheckerBoard(Duration2) / meta http-equivPage-Exit contentprogid:DXImageTransform.Microsoft.CheckerBoard(Duration2) / 属性: Direction (defaultright), squaresX (default12), squaresY (default10) Fade淡入淡出 meta http-equivPage-Enter contentprogid:DXImageTransform.Microsoft.Fade(Duration2) / meta http-equivPage-Exit contentprogid:DXImageTransform.Microsoft.Fade(Duration2) / 属性: duration, overlap (default1.0) GradientWipe渐变扫除 meta http-equivPage-Enter contentprogid:DXImageTransform.Microsoft.GradientWipe(Duration2) / meta http-equivPage-Exit contentprogid:DXImageTransform.Microsoft.GradientWipe(Duration2) / 属性: duration, gradientSize (default0.25), motion Inset从一角扩散 meta http-equivPage-Enter contentprogid:DXImageTransform.Microsoft.Inset(Duration2) / meta http-equivPage-Exit contentprogid:DXImageTransform.Microsoft.Inset(Duration2) / 属性: duration Iris十字扩散 meta http-equivPage-Enter contentprogid:DXImageTransform.Microsoft.Iris(Duration2) / meta http-equivPage-Exit contentprogid:DXImageTransform.Microsoft.Iris(Duration2) / 属性: duration, irisStyle (defaultPLUS), motion Pixelate震动出来 meta http-equivPage-Enter contentprogid:DXImageTransform.Microsoft.Pixelate(Duration2) / meta http-equivPage-Exit contentprogid:DXImageTransform.Microsoft.Pixelate(Duration2) / 属性: duration, maxSquare (default25) RadialWipe螺旋扩展 meta http-equivPage-Enter contentprogid:DXImageTransform.Microsoft.RadialWipe(Duration2) / meta http-equivPage-Exit contentprogid:DXImageTransform.Microsoft.RadialWipe(Duration2) / 属性: duration, wipeStyle (defaultCLOCK) RandomBars线条遮罩 meta http-equivPage-Enter contentprogid:DXImageTransform.Microsoft.RandomBars(Duration2) / meta http-equivPage-Exit contentprogid:DXImageTransform.Microsoft.RandomBars(Duration2) / 属性
: duration, orientation (defaulthorizontal) RandomDissolve像素遮罩 meta http-equivPage-Enter contentprogid:DXImageTransform.Microsoft.RandomDissolve(Duration2) / meta http-equivPage-Exit contentprogid:DXImageTransform.Microsoft.RandomDissolve(Duration2) / 属性: duration Slide拉幕 meta http-equivPage-Enter contentprogid:DXImageTransform.Microsoft.Slide(Duration2) / meta http-equivPage-Exit contentprogid:DXImageTransform.Microsoft.Slide(Duration2) / 属性
: bands (default1), duration, slideStyle (defaultSLIDE) Spiral向心旋转 meta http-equivPage-Enter contentprogid:DXImageTransform.Microsoft.Spiral(Duration2) / meta http-equivPage-Exit contentprogid:DXImageTransform.Microsoft.Spiral(Duration2) / 属性: duration, gridSizeX (default16), gridSizeY (default16) Stretch两边开幕效果 meta http-equivPage-Enter contentprogid:DXImageTransform.Microsoft.Stretch(Duration2) / meta http-equivPage-Exit contentprogid:DXImageTransform.Microsoft.Stretch(Duration2) / 属性
: duration, stretchStyle (defaultSPIN) Strips一角锯齿开幕 meta http-equivPage-Enter contentprogid:DXImageTransform.Microsoft.Strips(Duration2) / meta http-equivPage-Exit contentprogid:DXImageTransform.Microsoft.Strips(Duration2) / 属性: duration, motion Wheel十字旋转开幕 meta http-equivPage-Enter contentprogid:DXImageTransform.Microsoft.Wheel(Duration2) / meta http-equivPage-Exit contentprogid:DXImageTransform.Microsoft.Wheel(Duration2) / 属性
: duration, spokes (default4) ZigZagZ字形展开 meta http-equivPage-Enter contentprogid:DXImageTransform.Microsoft.ZigZag(Duration2) / meta http-equivPage-Exit contentprogid:DXImageTransform.Microsoft.ZigZag(Duration2) / 属性
: duration, gridSizeX, gridSizeY 好了,大家自己去试试..总会找到最适合你的啦...^_^
