<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>
          

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>
          

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>
          

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>
                <ruby id="bdb3f"></ruby>
                
    


                
  
                                            
                                                                                    
        
                
          合規國際互聯網加速 OSASE為企業客戶提供高速穩定SD-WAN國際加速解決方案。
          廣告
        
                        
                
  

                

                
    
                
        
                
                            <style>
        * {
            margin: 0;
            padding: 0
        }

        img {
            width: 200px;
            padding: 20px;
        }

        #parent {
            margin-left: auto;
            margin-right: auto;
            position: relative;
            width: 240px;
            border: 1px solid #333;
        }

        #fade {
            width: 100%;
            height: 100%;
            position: absolute;
            background: #96514d;
            opacity: 0.3;
            left: 0;
            top: 0;
        }
    </style>
</head>

<body>
    <div id="parent">
        <img src="images/fade.png" alt="">
        <div id="fade"></div>
    </div>

    <script>
        var parent = document.getElementById("parent");
        var fade = document.getElementById("fade");
        var opacity = getComputedStyle(fade).opacity * 100;
        var timer;
        // 使用定時器做動畫
        /*
        1.執行事件時首先清除定時器
        2.定時器中的內容,用if-else 
         */

        parent.onmouseover = function () {
            clearInterval(timer);
            timer = setInterval(function () {
                if (opacity > 70) {
                    clearInterval(timer)
                } else {
                    opacity += 2;
                    fade.style.opacity = opacity / 100;
                }

            }, 50)
        }
        parent.onmouseout = function () {
            clearInterval(timer);
            timer = setInterval(function () {
                if (opacity < 30) {
                    clearInterval(timer)
                } else {
                    opacity -= 2;
                    fade.style.opacity = opacity / 100;
                }
            }, 50)
        }
    </script>
                    
                
        
                
            
        
                
    
                
    
                
        
                
    
                

                







                  <ruby id="bdb3f"></ruby>
                  <p id="bdb3f"><cite id="bdb3f"></cite></p>
                    

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>
                        

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>
                        

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>
                        

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>
                              <ruby id="bdb3f"></ruby>
                              

哎呀哎呀视频在线观看