動態(tài)頁面制作（二）
發(fā)表時間：2023-07-28 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：
[摘要]filter的應(yīng)用：Opacity篇 <OnlyOso>聲明： 對不起，前一篇文章的描述是有問題的。 以下是改正后的文章，希望能登上。 </OnlyOso> 要給人美好的第...
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)載，請注明作者及出處】
