Прозрачность элементов при наведении


Интересное решение для акцентирования внимания на чем-то, предложил 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 Star2 Stars3 Stars4 Stars5 Stars (голосов 6, в среднем: 5.00 из 5)
Loading ... Loading ...


  1. #1 alexgeo - Июль 15th, 2010 at 20:14

    если сделать ссылки-картинки, то в opere начинает почему-то подглючивать.

(will not be published)

Spam Protection by WP-SpamFree Plugin

  1. No trackbacks.