实现网页的动态过渡效果

2016-01-29 11:54 120 1 收藏

实现网页的动态过渡效果,实现网页的动态过渡效果

【 tulaoshi.com - Html 】

  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”设定不同的值即可,它的效果很酷哦!  

来源:https://www.tulaoshi.com/n/20160129/1483796.html

延伸阅读
标签: Web开发
数据绑定(Data Binding)并不是一个新概念,IE 4.0就已对其给予了丰富的支持。但是,数据绑定并未受到应有的重视,许多开发者似乎更加愿意使用服务器端脚本(Server Script)的方法。然而实际上,无论是在动态网页的代码实现方面,还是在动态网页的工作效率方面,数据绑定的效率都比后者更高。 本文将介绍数据绑定的体系结构、工作原理...
代码如下: FrameLayout             android:layout_width="fill_parent"             android:layout_height="wrap_content"             android:background="#f...
标签: flash教程
编程技术的发展真是日新月异。通过ASP等程序动态生成HTML网页似乎已不能算是最新科技。Macromedia公司的Flash技术自推出以来,已有2亿4千8百万用户,制作flash网站已是流行趋势。就像HTML页面可以用ASP动态生成一样,Flash 动画也可以使用支持COM Automation的语言(如Borland Delphi,ASP, Visual Basic 等)动态生成。该文详细介绍了如何应...
标签: Web开发
第一步:在开始之前我们需要准备这么一个js文件,代码如下。我姑且将它命名为tree.js。 代码如下: function Node(id, pid, name, url, title, target, icon, iconOpen, open, appendedStr) {     this.id = id;     this.pid = pid;     this.name = name;   &nbs...
标签: Web开发
制作表单的时候,实现鼠标悬停交互效果有多种方法: 1、在xhtml中直接写入onmouseover、onmouseout脚本就可以实现了,但这样就违背了web标准所倡导的内容、表现相分离的原则。以后若要对此进行修改也将会很繁琐。这样直接写入xhtml也会让页面代码增加,如果只是一个input输入框或许是无所谓的,如果是几十个几百个,增加的字节数就很宠大了。 ...

经验教程

757

收藏

20
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部