实现网页的动态过渡效果

前端之家收集整理的这篇文章主要介绍了实现网页的动态过渡效果前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

下面是编程之家 jb51.cc 通过网络收集整理的代码片段。

编程之家小编现在分享给大家,也给大家做个参考。

/*打开网页源代码,若你想实现网页以垂直百叶窗的方式打开,可以在源代码的〈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”设定不同的值即可,它的效果很酷哦!
*****/

以上是编程之家(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

原文链接:https://www.f2er.com/html/457416.html

猜你在找的HTML相关文章