filter的应用:Opacity篇
<OnlyOso>声明: 对不起,前一篇文章的描述是有问题的。 以下是改正后的文章,希望能登上。 </OnlyOso> 要给人美好的第一印象,特别的网页初始化方式起了一定的作用。 这次就和大家谈谈filter中的Opacity的应用。 filter是元素的特效属性,可以用在页面中的任何可见元素。如BODY,文字,图片,换行线,插件等。 而filter中的Opacity是调节透明度的。 当Opacity为100时,页面元素就为完全不透明。 当Opacity为 0 时,页面元素则为完全透明。 filter是字符串,在JAVASCRIPT中的用法是 如:object.style.filter="Opacity=50";就把object调为半透明了。 以下网页代码是关于它们应用的例子: <html><head> <title>Example</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style type="text/css"> <!-- body { background-color: #0066CC; filter: Alpha(Opacity=0); background-image: url(http://www.oso.com.cn/image/logo.gif)} --> </style> </head> <script> var curopa=0; function ol() { curopa+=10; document.body.style.filter="Alpha(Opacity="+curopa+")"; if(curopa<100)setTimeout("ol();",1); } </script> <body bgcolor="#FFFFFF" text="#000000" onload="ol();"> </body></html> 有更好的请和我联络探讨,谢谢。
【本文版权归作者与奥索网共同拥有,如需转载,请注明作者及出处】
|