|
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>
有更好的請和我聯絡探討，謝謝。
【本文版權歸作者與奧索網共同擁有，如需轉載，請注明作者及出處】
|
