Интересное решение для акцентирования внимания на чем-то, предложил 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.
Или скачайте архив с примером.
#1 alexgeo - Июль 15th, 2010 at 20:14
если сделать ссылки-картинки, то в opere начинает почему-то подглючивать.