网站制作

本类阅读TOP10

·IIS 安装配置全攻略
·用VS.NET打开网上下载的.NET web项目出错的解决办法
·HTML 4.0 语言快速参考
·限制TextArea区的文字输入数量
·如何在网页上实现进度条
·Apache的配置步骤及测试
·谈谈Jesse James Garrett提到的Ajax
·html基础学习笔记(2)
·页面垂直居中的两种方法
·用asp遍历目录下文件的例子

分类导航
VC语言Delphi
VB语言ASP
PerlJava
Script数据库
其他语言游戏开发
文件格式网站制作
软件工程.NET开发
使用动态滤镜来实现淡入效果

作者:未知 来源:月光软件站 加入时间:2005-2-28 月光软件站

虽然不是个新话题,但还是有一定的实用性.
有时候我们的页面会需要有一些淡入的效果,比如说图片,还有菜单。
我们可以用动态滤镜加一个小函数来实现。
1。定义要淡入的对象的CSS,关键是要把它设成不可见。
.Div{
visibility:hidden;
filter : progid:DXImageTransform.Microsoft.GradientWipe ( duration=0.5,gradientSize=0.75,motion=forward ) ;
}

2。js函数
function fadeIn(oDiv){
oDiv.filters[0].Apply();
oDiv.style.visibility="visible";
oDiv.filters[0].play(0.4);
}
这个函数你可以在页面onload事件触发或者用其他动作调用。
通过更换CSS中的滤镜,我们就可以轻而易举的达到各种显示效果。相比用setTimeout来设置透明度要容易,且效果会丰富很多。


相关文章

相关软件