13390130939售前咨询电话 31891684售后服务电话
13390130939技术咨询 31891684传真
build网站制作当前位置：首页>主要服务>网站制作页面过渡效果一提到页面过渡特效大家一定会想到脚本实现，其实利用文本头的<meta> 标记也能实现此效果，这里说明一下它如何实现页面过渡效果...
首先确认是否启用了网页过渡效果 默认情况下都已经启用了，如果需要手动启用则只需在Internet选项中：Advanced（高级）- Browsing（浏览）- Enable page transitions（启用页面过渡）即可。
然后在页面中应用过渡效果 当我们需要添加过渡效果时，只需在<head>中添加一个特殊的<meta>即可，比如： <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=12)" />
先介绍下参数: 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-equiv="Page-Enter" content="blendTrans(Duration=2.0)" /> 盒状收缩 <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=0)" /> 盒状展开 <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=1)" /> 圆形收缩 <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=2)" /> 圆形放射 <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=3)" />
IE要求: 在IE5.5及以上版本的浏览器中.
另外介绍一下页面自动切换 <meta http-equiv="Refresh" content="5;url=http://www.787866.com"> 页面停留5秒后跳转到易势科技首页。
实际应用到网站上效果请查看：http://tlwp.w-oa.cn/ 0
|
易势沈阳建站专业机构，以DIV+CSS为主，js/jQuery为辅，制作利于优化，页面美观的优质网站！
网络策划公司|新浪官方微博|大连网站建设
沈阳易势科技有限公司 网站制作网络营销公司 © 2011 , All rights reserved. 公司地址：沈阳市铁西区贵和街道建设中路15号浅草绿阁商务楼402室沈阳做网站 沈阳建站
辽B2-20150173-8
