动态网页制作（二）

filter的应用：Opacity篇

1<onlyoso>声明：   
2对不起，前一篇文章的描述是有问题的。   
3以下是改正后的文章，希望能登上。   
4</onlyoso>

要给人美好的第一印象，特别的网页初始化方式起了一定的作用。
这次就和大家谈谈filter中的Opacity的应用。
filter是元素的特效属性，可以用在页面中的任何可见元素。如BODY，文字，图片，换行线，插件等。
而filter中的Opacity是调节透明度的。
当Opacity为100时，页面元素就为完全不透明。
当Opacity为 0 时，页面元素则为完全透明。
filter是字符串，在JAVASCRIPT中的用法是
如：object.style.filter="Opacity=50";就把object调为半透明了。
以下网页代码是关于它们应用的例子：

 1<html><head>
 2<title>Example</title>
 3<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
 4<style type="text/css">   
 5<!--   
 6body { background-color: #0066CC; filter: Alpha(Opacity=0); background-image: url(http://www.oso.com.cn/image/logo.gif)}   
 7\-->   
 8</style>
 9</head>
10<script>   
11var curopa=0;   
12function ol()   
13{   
14curopa+=10;   
15document.body.style.filter="Alpha(Opacity="+curopa+")";   
16if(curopa<100)setTimeout("ol();",1);   
17}   
18</script>
19<body bgcolor="#FFFFFF" onload="ol();" text="#000000">
20</body></html>

有更好的请和我联络探讨，谢谢。

【本文版权归作者与奥索网共同拥有，如需转载，请注明作者及出处】