实现网页的动态过渡效果

卿煦爱钱极舒

卿煦爱钱极舒

2016-01-29 11:54

实现网页的动态过渡效果,实现网页的动态过渡效果
  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”设定不同的值即可,它的效果很酷哦!  
展开更多 50%)
分享

猜你喜欢

实现网页的动态过渡效果

Html CSS布局 Div+CSS XHTML
实现网页的动态过渡效果

使用PHP实现动态网页

PHP
使用PHP实现动态网页

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

用Dreamweaver制作网页中常用的过渡效果

Web开发
用Dreamweaver制作网页中常用的过渡效果

用PHP实现WEB动态网页静态

PHP
用PHP实现WEB动态网页静态

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

网页中点击连接显示和隐藏过渡效果的图层

Web开发
网页中点击连接显示和隐藏过渡效果的图层

在VB中实现窗体的动态效果

编程语言 网络编程
在VB中实现窗体的动态效果

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

实现标题条的显示与隐藏

实现标题条的显示与隐藏

使用Web标准建站第5天:head区的其他设置

使用Web标准建站第5天:head区的其他设置
下拉加载更多内容 ↓