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 随机产生一种过渡方式