<form id="hz9zz"></form>
  • <form id="hz9zz"></form>

      <nobr id="hz9zz"></nobr>

      <form id="hz9zz"></form>

    1. 明輝手游網中心:是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺!

      動態頁面制作(二)

      [摘要]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>
      有更好的請和我聯絡探討,謝謝。

      【本文版權歸作者與奧索網共同擁有,如需轉載,請注明作者及出處】    





      日韩精品一区二区三区高清