HTML的各种基本标记之四:元标记续二-设置网页的过渡效果

3.12 设置网页的过渡效果

在浏览某些网站时,常常会在进入或退出某个网页时看到一些过渡效果,使得网页更加生动。这些效果在meta 属性中就可以实现。

语法:<meta http-equiv="过渡事件" content="revealtrans(duration=过渡效果持续时间,transition=过渡方式)">

说明:在该语法中,过渡事件可以进入页面或者离开页面。进入页面的http-equiv 值为page-enter,离开页面的http-equiv 值为page-exist。过渡效果的持续时间默认情况下以秒为单位,过渡方式的编号见下表。

过渡方式的编号及含义

0 盒状收缩12 随意溶解

1 盒状放射13 从左右两端向中间展开

2 圆形收缩14 从中间向左右两端展开

3 圆形放射15 从上下两端向中间展开

4 由下往上16 从中间向上下两端展开

5 由上往下17 从右上角向左下角展开

6 从左至右18 从右下角向左上角展开

7 从右至左19 从左上角向右下角展开

8 垂直百叶窗20 从左下角向右上角展开

9 水平百叶窗21 水平线状展开

10 水平格状百叶窗22 垂直线状展开

11 垂直格状百叶窗23 随机产生一种过渡方式

 

html专题相关文章

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.liangtzi.net/index.php/post/262.html