欢迎光临亿数在线网站!专业从事网站建设、网络营销,网站推广,搜索引擎营销解决方案,域名注册、虚拟主机、企业应用软件开发等服务。 设为首页   |   加入收藏
重庆做网站建设公司
 
您当前所在的位置是:网站首页 >> 亿数在线 >> 公司新闻
关键字
发布时间:2012-4-27   关键字:重庆网站建设公司  来源:亿数在线   阅读:35355986

  CSS的RevealTrans动态滤镜是一个神奇的滤镜,它能产生23种动态效果,更为奇妙的是它还能在23种动态效果中随机抽用其中的一种。用它来进行网页之间的动态切换,简直方便极了,你只要在网页源代码的< head >与< /head >之间插入这样一行代码:< Meta content=revealTrans(Transition=14,Duration=3.0) http-equiv=Page-enter >,当你进入这个页面时,网页将象拉幕一样从中间向两边拉开,是不是别具一格?!
  RevealTrans滤镜只有两个参数,Duration:是切换时间,以秒为单位;Transition:是切换方式,它有24种方式,详见下表:

切换效果   Transition参数值      切换效果       Transition参数值
矩形从大至小      0              随机溶解            12
矩形从小至大      1            从上下向中间展开      13
圆形从大至小      2            从中间向上下展开      14
圆形从小至大      3            从两边向中间展开      15
向上推开          4            从中间向两边展开      16
向下推开          5            从右上向左下展开      17
向右推开          6            从右下向左上展开      18
向左推开          7            从左上向右下展开      19
垂直形百叶窗      8            从左下向右上展开      20
水平形百叶窗      9              随机水平细纹        21
水平棋盘          10             随机垂直细纹        22
垂直棋盘          11            随机选取一种特效     23


  因此,你只要改变RevealTrans滤镜的“Transition"的值,就能获得不同的网页切换效果,是不是太方便了点?但很遗憾,要把RevealTrans滤镜用于网页中的某个对象就没有这么简单了,它必须借助于Javascript来调用其方法,才能实现,这就是说要动手编程序了。但也不是太难,下面我将通过一个制作动态字幕变换的例子来说明其使用方法。


该文章转载自无忧考网:http://www.51test.net

 
上一篇: 容易被百度删除外链的几大特点
下一篇: 美国2号服务器维护通告
COPYRIGHT © 2008-2018 版权所有:亿数在线(官方网站)  |  备案/许可证编号为:渝ICP备12003113号  网址:www.yhzx.net    网站地图