Этот пример использован на http://dmitriid.com/jquery Необходимо "затенять" неактивные элементы. То есть неактивные элементы в документе или элементы, отражающие какие-то недоступные значения, должны визуально отличаться от активных элементов.

Главное условие - должен менять вид не только текст, но и изображения

Javascript: 
<style type="text/css">
	.disabled
	{
		background-color: #dedede;
		color: #FFF;
	}
</style>
<script language="Javascript" type="text/javascript">
	// в качестве el передается любой DOM-элемент
	// setDisabled(el, true) - дизабльнет элемент
	// setDisabled(el, false) - енабльнет элемент :)
	
	function setDisabled(el, willDisable)
	{
		if(willDisable) 
			$(el).addClass("disabled");
		else 
			$(el).removeClass("disabled");
		
		// Находим все изображения в элементе
		// Каждому устанавливаем opacity=50%
		// Причем изображения будут плааавно так полуисчезать :)
		
		$("img", el).animate({opacity: (willDisable ? 0.5 : 1.0)});
	}
</script>
]]> div.result { font-size: 12pt; font-weight: bold; padding: 2px; border-bottom: 1px solid gray; } .disabled { background-color: #dedede; color: #FFF; }
Щелкайте по ячейкам для того, чтобы увидеть эффект затенения
2007-02-10 39.35 39.40 38.93 38.98
2007-02-11 25.21 12.13 45.5 17.8
Пример с изображением
logo
]]>