当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 实现网页的动态过渡效果

HTML/XHTML教程
HTML表格标记教程(4):边框色属性BORDERCOLOR
HTML表格标记教程(1):制作表格
HTML表格标记教程(2):表格的边框属性BORDER
HTML教程,简单学习HTML语言(2)
HTML表格标记详细讲解(适合初学者)
网页制作解惑:图象文件的路径
HTML教程,简单学习HTML语言
HTML基础:HTML的基本结构
HTML教程,认识optgroup元素
网页输入框的样式触发效果
HTML教程,HTML默认样式
超链接打开目标(target)的测试
XHTML教程,简单认识XHTML基础知识
HTML表格标记教程(35):跨列属性COLSPAN
HTML表格标记教程(33):单元格的垂直对齐属性VALIGN
HTML表格标记教程(34):跨行属性ROWSPAN
HTML表格标记教程(31):单元格的宽度和高度属性WIDTH、HEIGHT
HTML表格标记教程(32):单元格的水平对齐属性ALIGN
HTML表格标记教程(30):单元格的暗边框色属性BORDERCOLORDARK
HTML表格标记教程(28):单元格的边框色属性BORDERCOLOR

HTML/XHTML教程 中的 实现网页的动态过渡效果


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 35 ::
收藏到网摘: n/a

  FrontPage通过“格式”菜单中的“网页过渡”选项,可以为网页的进入或退出设置不同的动态效果。但Dreamweaver中并没有这个特效选项,需另外安装插件。其实,要实现这一效果,用如下方法便可轻松获得:
打开网页源代码,若你想实现网页以垂直百叶窗的方式打开,可以在源代码的〈head〉与〈/head〉之间加入如下语句〈meta http-equiv="Page-Enter" content="RevealTrans (Duration=3, Transition=8)"〉。“Duration”的值为网页动态过渡的时间,单位为秒,一般设为3~5秒即可。“Transition”不同的值对应不同的过渡方式,共有24种方式可供选择:
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-Exit" content="RevealTrans (Duration=3, Transition=23)"〉 ,想想会产生有什么效果呢?
想让你的网页获得不同的过渡效果吗?只要你根据情况为“Duration”、“Transition”设定不同的值即可,它的效果很酷哦!
 

评论 (0) All

登陆 还没注册?