Použití neprůhlednosti k zobrazení zaměření pomocí jQuery

Před několika dny jsem debutoval sladkým článkem, který využíval MooTools JavaScript a neprůhlednost, aby ukázal zaměření na určitý prvek. Zde je návod, jak toho dosáhnout pomocí jQuery.

Zobrazit ukázku

JavaScript jQuery

$(document).ready(function() {
	//area 1
	$('.fade-area-1').children().hover(function() {
		$(this).siblings().stop().fadeTo(500,0.5);
	}, function() {
		$(this).siblings().stop().fadeTo(500,1);
	});
	//area 2
	$('.fade-area-2').children().hover(function() {
		$(this).siblings().stop().fadeTo(500,0.5);
	}, function() {
		$(this).siblings().stop().fadeTo(500,1);
	});
});
Zobrazit ukázku

Tady to máš. Neprůhlednost je velmi jednoduchý, ale účinný nástroj pro vytváření atraktivního rozhraní.