解讀 M$ 原始碼:JavaScript + CSS 實現層的平移及動態顯示

來源:互聯網
上載者:User
<!--解讀 M$ 原始碼:JavaScript + CSS 實現層的平移及動態顯示-->
<!--Open.htm-->
<!--本文主要由 JavaScript 和 CSS 實現的層的平移及動態顯示-->
<!--小弟的 JavaScript 水平實在有夠差勁,故以下註解均為個人理解,有疏漏及不當之處還請各位大蝦指正-->
<!--以下原始碼來源於 M$ Windows 2000 Professional 安裝光碟片的 DISCOVER 目錄,更改之處見文檔的最有註解-->
<SCRIPT language="javascript">
var StartV = 0.5;
var EndV = 1;
var MidV;
var Inc = 0.12;
var Power = 3;
/* Inc 與 Power 共同控制每迴圈 alpha 的變化量及迴圈總個數*/
var mSec = 20;
var SlStartV;
var SlEndV;
var SlInc;
var mSec;
var openSec = 20;//控制迴圈完成所需時間
var SlPower;
function fadeLogo() {
        if (EndV > .9999) {
       StartV = StartV + Inc;
       MidV = Math.sin(StartV) + 1;
       EndV = Math.pow(MidV,Power);
       /*個人認為採用形如“int i;i=1;i++”的方式定義 EndV,亦可達到 alpha 變化的效果,但是那樣只是勻速變化,不及此處使用的具有動感罷了*/
       document.all.brandLogo.filters.alpha.opacity = document.all.brandLogo.filters.alpha.opacity + EndV ;
       document.all.Discover.filters.alpha.opacity = document.all.Discover.filters.alpha.opacity + EndV ;
       document.all.Marketing.filters.alpha.opacity = document.all.Marketing.filters.alpha.opacity + EndV;
       /*為實現 alpha 與平移的連續性,亦可在 EndV 後加一個常量,這樣控制會容易一些*/
       //alert(document.all.Discover.filters.alpha.opacity);
       /*如我一般的菜鳥,可採用 alert 的方法跟蹤某個變數,以達到所需的效果,只是小心不要出現死迴圈,到時候別罵我哦~~
相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.