默認情況下，css/javascript開始淡出，然後淡入

我試圖做一個按鈕，導致綠色檢查圖像淡入淡出然後再次淡出。它主要是可以工作的，但是如何在頁面加載時使檢查在淡出的位置開始？默認情況下，css/javascript開始淡出，然後淡入

我試圖把opacity: 0;在它的CSS，假設淡入功能改變不透明度，但後來它不顯示在所有。

function green_check(check) { //fade in half a sec, hold 2 sec, fade out in 3 sec 
 
    $(check).fadeIn(500, function() { 
 
    $(this).delay(2000).fadeOut(3000); 
 
    }); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button type="button" onclick="green_check(getElementById('check'));">Show Check</button> 
 

 
<img class='five_sec_check' width="50" height="50" id="check" src='http://cliparts.co/cliparts/qcB/Bex/qcBBexbc5.png' />

是否有淡入/淡出使用，我可以在那之前的CSS設置一些其他透明度財產被稱爲？或者，也許可以防止在CSS中的不透明覆蓋fadeIn函數？

感謝

來源

2017-04-16 ioan

「如何讓我的支票在開出當頁面加載時淡出位置？「你能解釋得更好嗎？ – FFdeveloper

我的目標是讓它看不見，然後當函數被調用時，它會淡入可見，然後再次慢慢隱形。但是我的問題是在不干擾它的淡入之前保持它不可見。顯示：沒有工作。 – ioan

我會使用顯示：無在CSS隱藏在頁面加載：

#check { 
    display:none; 
}

function green_check(check){ //fade in half a sec, hold 2 sec, fade out in 3 sec 
 
    $(check).fadeIn(500, function() { 
 
     $(this).delay(2000).fadeOut(3000); 
 
    }); 
 
}

#check { 
 
    display:none; 
 
    width:16px; 
 
    height:16px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button type="button" onclick="green_check(getElementById('check'));">Show Check</button> 
 

 
<img class='five_sec_check' id="check" src='http://neil.computer/s/check.png'/>

來源

2017-04-16 22:58:16 Neil

工作，謝謝：D – ioan

默認情況下，css/javascript開始淡出，然後淡入

回答

相關問題