|
![]() |
名片设计 CorelDRAW Illustrator AuotoCAD Painter 其他软件 Photoshop Fireworks Flash |
|
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> 有更好的请和我联络探讨,谢谢。 【本文版权归作者与奥索网共同拥有,如需转载,请注明作者及出处】 返回类别: 教程 上一教程: 亲密接触ASP.Net(9) 下一教程: 网页加速之图形处理篇 您可以阅读与"动态网页制作(二)"相关的教程: · 动态网页制作(一) · 动态网页制作技术JSP与ASP的比较 · 动态网页制作规范 · 准确处理ASP动态网页中的容错机制 · 动态网页技术--CGI:ASP:JSP:PHP(1) |
![]() ![]() |
快精灵印艺坊 版权所有 |
首页![]() ![]() ![]() ![]() ![]() ![]() ![]() |