实现网页渐入特殊效果

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

实现网页渐入特殊效果,实现网页渐入特殊效果

【 tulaoshi.com - Html 】

 

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

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

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

主页:

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

特效网页:


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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/html/)

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/html/) 

来源:http://www.tulaoshi.com/n/20160129/1483815.html

延伸阅读
标签: 仙剑奇侠传5
《仙剑奇侠传5》仙术1500修为特殊效果 在仙剑5中,法术系统作为经典内容,自然是一脉相承。值得注意的是,仙剑5中引入了修为的概念。 提高修为,可以学习到新的法术。只要修为值达到600,该系法术就可全部习得。 法术的伤害与修为的关联微乎其微,几乎可以忽略。提升修为,并不能显著提高法术杀伤力。 那么,高修为作用何在?1500点修为值大...
《合金装备5 幻痛》特殊效果磁带收集攻略 《合金装备5:幻痛》中有哪些磁带附带特殊效果,作用又是什么?今天图老师图老师小编带来玩家分享的《合金装备5:幻痛》特殊效果磁带收集攻略,希望大家喜欢,跟图老师图老师小编一起来看吧。 Tape:Afghanistan Music 效果:使得Afghanistan的士兵进入睡眠状态。 获得:Wakh Sind Barracks...
标签: Web开发
Css不朽的经典—3D文字特效——这个是先用了一段白色的文字,再加了mask()滤镜,再用了shadow()滤镜,最后加入chroma()滤镜形成后一段字体,放在前一段文字的相对left: -200px位置上形成的。 效果: 源代码: style type="text/css" !-- .sample font-style: italic; font-family: arial black;font-size: 40px; font-...
《魔法门系列之英雄无敌5》矮人特殊效果 会员:KENTSHAW <提供 攻击者踏入矮人族护城河除了会随机触发6种攻击性魔法,还会对随机守城兵种增加一种符文。而且,这二者是一一对应的。 攻击者被震惊(Shock)--随机守城兵种获得霹雳符文 攻击者被震惊(Shock)--随机守城兵种获得神圣指引技能(人族英雄的技能,即行动条提前33%) 攻击者...
  FrontPage通过“格式”菜单中的“网页过渡”选项,可以为网页的进入或退出设置不同的动态效果。但Dreamweaver中并没有这个特效选项,需另外安装插件。其实,要实现这一效果,用如下方法便可轻松获得: 打开网页源代码,若你想实现网页以垂直百叶窗的方式打开,可以在源代码的〈head〉与〈/head〉之间加入如下语句〈meta http-equiv="Pa...

经验教程

267

收藏

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