如何臨時更改添加到DOM的新元素的背景顏色？

我正在開發一個網頁（使用jQuery），用戶可以在其中添加新的圖形控件到DOM（例如，用戶點擊一個鏈接，並創建一個新的DIV）。我怎樣才能改變這個新元素的背景顏色幾秒鐘（然後它將恢復到它的原始顏色）？我想改變顏色以給用戶一個關於新元素位置的可視指示器。如何臨時更改添加到DOM的新元素的背景顏色？

謝謝。

來源

2009-06-06 Anthony

有很多圖書館會爲你做這個（和許多其他令人印象深刻的圖形效果），如jQuery,MooTools和Prototype。例如，查看this StackOverflow question瞭解如何使用jQuery來關閉此效果。更一般地說，你可以使用Javascript的setTimeout方法將元素的顏色設置爲一段時間，然後當超時運行時，將其設置回適當的/原始的顏色。

來源

2009-06-06 12:39:10

看起來最簡單的解決方案是在不使用插件的情況下使用jQuery UI的'Highlight' feature。

來源

2009-06-06 12:46:23 Anthony

下面是一個使用jQuery.animate（）的例子。它不使用顏色，但不透明：

<!DOCTYPE html> 

<html> 
<head> 
<meta charset="UTF-8"> 
<title></title> 
<style type="text/css"> 
div { 
width: 300px; 
height: 300px; 
border: solid #000 1px; 
} 
</style> 
<script type="text/javascript" src="jquery-1.3.2.js"></script> 
<script type="text/javascript"> 
$(function() { 
    $("div").click(function() { 
     $("<span>Hello there!</span>").appendTo(this) 
       .animate({ 
        opacity: 0 
       }, 500, function() { 
        $(this).animate({ 
         opacity: 1, 
        }, 500); 
       }); 
    }); 
}); 
</script> 
</head> 
<body> 

<div></div> 

</body> 
</html>

來源

2009-06-06 13:08:51

如何臨時更改添加到DOM的新元素的背景顏色？

回答

相關問題