Web notes

Интересное решение для акцентирования внимания на чем-то, предложил David Walsh используя jQuery.

Суть скрипта найти все дочерние элементы контейнера и поставить им прозрачность 50%, кроме выделенного элемента. Как говорят: все гениальное – просто.

Сначала подключаем jQuery:

<script src="jquery.js" type="text/javascript"></script>

И используем так:

 <script type="text/javascript">
$(document).ready(function() {
$('.fade-area-1').children().hover(function() {
$(this).siblings().stop().fadeTo(500,0.5);
}, function() {
$(this).siblings().stop().fadeTo(500,1);
});

$('.fade-area-2').children().hover(function() {
$(this).siblings().stop().fadeTo(500,0.5);
}, function() {
$(this).siblings().stop().fadeTo(500,1);
});
});
</script>

Более подробно смотрите пример прозрачные элементы jQuery.

Или скачайте архив с примером.