<div class="list-bnr bnr-x1"> <div class="imgOver" style="opacity: 0"></div> <div class="overLink" style="top: 30px; opacity: 0"> <div class="linkWrapper"> <div class="linkWrapperExplorer"> <a href="http://www.adidas.pl/goallin/news/2012/06/performance-football-predatorunleashwhiteboot">ZOBACZ
</a> Football
<img src="http://hp.static.adidas.com/brand/binaries/live/pl/images/2012/06/performance_football_PredatorUnleashWhiteBooth_CLP_230x230_55-4662.jpg" width="230" height="230" alt=""> <h3>Biały but - Historia zabójczo niebezpiecznych
</h3> <a class="blackLink" href="http://www.adidas.pl/goallin/news/2012/06/performance-football-predatorunleashwhiteboot">ZOBACZ
</a>
$(function() {
$(".list-bnr").hover(function () {
$(this).find(".imgOver").stop(true).animate({opacity:0.5, filter: 'alpha(opacity=50)'}, 150);
$(this).find(".overLink").stop(true).animate({opacity:0.9, filter: 'alpha(opacity=90)', top:0}, 250);
},function () {
$(this).find(".imgOver").stop(true).animate({opacity:0, filter: 'alpha(opacity=0)'}, 300);
$(this).find(".overLink").stop(true).animate({top:30, opacity:0, filter: 'alpha(opacity=0)'}, 250);
});
});
/* hp.static.adidas.com/brand/platform/css/style.css?26.12749
od linii 415.. Problem w tym że za każdym razem jest generowany inny styl, w zależności od sygnatury przeglądarki, więc będzie trochę ciężko go odzyskać */