filter的應(yīng)用:Opacity篇
<OnlyOso>聲明: 對不起,前一篇文章的描述是有問題的。 以下是改正后的文章,希望能登上。 </OnlyOso> 要給人美好的第一印象,特別的網(wǎng)頁初始化方式起了一定的作用。 這次就和大家談?wù)刦ilter中的Opacity的應(yīng)用。 filter是元素的特效屬性,可以用在頁面中的任何可見元素。如BODY,文字,圖片,換行線,插件等。 而filter中的Opacity是調(diào)節(jié)透明度的。 當(dāng)Opacity為100時,頁面元素就為完全不透明。 當(dāng)Opacity為 0 時,頁面元素則為完全透明。 filter是字符串,在JAVASCRIPT中的用法是 如:object.style.filter="Opacity=50";就把object調(diào)為半透明了。 以下網(wǎng)頁代碼是關(guān)于它們應(yīng)用的例子: <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> 有更好的請和我聯(lián)絡(luò)探討,謝謝。
【本文版權(quán)歸作者與奧索網(wǎng)共同擁有,如需轉(zhuǎn)載,請注明作者及出處】
|