当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 实现网页渐入特殊效果

HTML/XHTML教程
ie7打开页面有源文件但页面空白问题的解决方法
firefox支持webdings字体的方法
HTML 相对路径和绝对路径区别分析
ie6 失真问题
关闭IE启用图片工具列
HTML5 Canvas 起步(1) - 基本概念
网页表单元素Input的高级用法11例
漂亮样式表在XHTML+CSS网页制作中的应用
html ReadOnly 和 Enabled 区别
如何正确地在XHTML文档中使用JavaScript和CSS
IE6 为什么最多人使用
给网站添加 favicon的技巧 网址前面的小图标
什么是 WML?
WML 标签汇总
HTML相对路径 上级目录及下级目录的写法
html 自定义标签使用实现方法
Firefox下英文字母不换行的解决方案
HTML 文本转义小窍门
设置IE8使用IE7的样式的代码
HTML 标记一定不要忘记关闭

HTML/XHTML教程 中的 实现网页渐入特殊效果


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 61 ::
收藏到网摘: n/a

 

         在互联网上,介绍网页制作特效的文章数不胜数,从字符到整个界面的都可以找到。但网页与网页之间过渡的效果相对比较少。本文为大家介绍一种页面过渡效果——网页渐入效果。

渐入效果就是渐渐地显示界面,能让人感到界面更柔和、不闪烁的效果。提到渐入效果,很多人都不会感到陌生。因为很多领域都可以看到,例如电影、电视、一些图像软件等。同样,在网页设计中也可以实现同样的效果。

首先准备两个网页:主页和特效网页,分别加入如下代码:

主页:

〈a href="p.htm"〉点击这里欣赏网页渐入特效〈/a〉 

特效网页:


〈meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=12)"〉 

当你点击以上的链接,进入特效页面时,特效页面代码起作用,界面渐渐从之前的页面变为模糊又慢慢出现新页面,感觉不错。

 

评论 (0) All

登陆 还没注册?