動態頁面制作(二)
發表時間:2023-07-28 來源:明輝站整理相關軟件相關文章人氣:
[摘要]filter的應用:Opacity篇 <OnlyOso>聲明: 對不起,前一篇文章的描述是有問題的。 以下是改正后的文章,希望能登上。 </OnlyOso> 要給人美好的第...
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>
有更好的請和我聯絡探討,謝謝。
【本文版權歸作者與奧索網共同擁有,如需轉載,請注明作者及出處】