83JSネイティブ：布告は拡大効果をリール

原理：（1）絶対位置固定開始位置を用いて、（2）右車軸の右側部を覆うようにマスクを用いて、（3）シャフトとマスクが正しい速度で右に移動しながらよいます！
`` `HTML：RUN 
<！DOCTYPEのHTML> 
<HTML LANG = "EN "> 
<HEAD> 
    <METAのcharset ="。UTF-8 "> 
    <タイトル>判決</ TITLE> 
    <スタイルタイプ="テキスト/ CSS"> 
        {* 
            マージン：0; 
            パディング：0; 
        } 
        #animate { 
            マージン：オート40ピクセル、
            幅：1100px; 
            高さ：500pxなど; 
            位置：相対; 
            オーバーフロー：隠された; 
        } 
        #back { 
            幅：1100px; 
            高さ：500pxなど; 
            位置：絶対;

            トップ：95px; 
        } 
        #leftAxis { 
            位置：絶対。
            左：0; 
        } 
        #rightAxis { 
            位置：絶対。
            左：16pxに; 
        } 
        #rightWhiteMark { 
            位置：絶対。
            左：70ピクセル; 
            トップ：95px; 
        } 
    </スタイル> 
</ head> 
<body> 
<DIV ID = "アニメーション"> 
    <DIV ID = "バック"> <IMG SRC = "https://cdn.files.qdfuns.com/article/content/picture /201806/09/145027pf0jh29z4nhlljr5.png "/> </ div>
    <DIV ID = "leftAxis"> <IMG SRC = "https://cdn.files.qdfuns.com/article/content/picture/201806/09/145336cd8g5iq7r78qsk8z.png" /> </ div> 
    <divのID =」 rightWhiteMark "> <IMG SRC =" https://cdn.files.qdfuns.com/article/content/picture/201806/26/193935vzzlvazlrkgcxxv6.png "/> </ div> 
    <divのID =" rightAxis "> <IMG SRC = "https://cdn.files.qdfuns.com/article/content/picture/201806/09/145336cd8g5iq7r78qsk8z.png" /> </ div> 
</ div> 
</ body> 
<スクリプト> 
    のvarアニメーション=文書.getElementById（ "アニメーション"）。
    VAR rightAxis =のdocument.getElementById（ "rightAxis"）; 
    VAR rightWhiteMark =のdocument.getElementById（ "rightWhiteMark"）;


        VAR rightWhiteMarkLeft = getComputedStyle（rightWhiteMark）.LEFT。
        IF（parseFloatは（rightAxisLeft）> = 923）{ 
            rightAxisLeft = 923 + "PX"。
            clearInterval（タイマー）。
        } 
        rightAxis.style.left =（parseFloatは（rightAxisLeft）+10）+ "PX"。
        rightWhiteMark.style.left =（parseFloatは（rightWhiteMarkLeft）+10）+ "PX"。
    }、20）
</ SCRIPT> 
</ HTML> 
`` `
83JSネイティブ：布告は拡大効果をリール

おすすめ
