顯示頁面元素一段時間

Question

快速問題。我嘗試使用javascript，jquery或php來創建它，當我單擊一個鏈接時，它會用另一個圖像替換我的頁面上的靜態圖像15秒，然後恢復爲原始圖像。什麼是最好的方式去做這件事？

Answer 1

你可以爲這個做一個簡單的超時：

$('#myLink').click(function() { 
    $('#myImg').attr('src', 'newImg.jpg'); 
    setTimeout(function() { $('#myImg').attr('src', 'oldImg.jpg'); }, 15000); 
}); 

另外，如果你想淡入淡出，有其他圖像絕對定位，是這樣的：

<div> 
<img id="tempImg" src="tempImg.jpg" style="position:absolute; display:none; z-index: 2;" /> 
<img src="oldImg.jpg" /> 
</div> 

然後jQuery的是這樣的：

$('#myLink').click(function() { 
    $('#tempImg').fadeIn().delay(15000).fadeOut(); 
}); 

確保圖像具有相同的尺寸（對於外觀，這是可選的），臨時圖像將淡入靜態圖像頂部，等待15秒，然後淡出。