| Autor | Zpráva | ||
|---|---|---|---|
| exoslav Profil |
#1 · Zasláno: 5. 3. 2014, 16:16:09
Čau, prosím o radu s tímhle kódem. Jde mi o to, aby se vytvořil hover efekt v položkách menu. Jsou tam dva obrázky, ten jeden by se měl po najetí myši pozvolna zviditelnit a po odjetí myši zase pozvolna zmizet. Kde mám chybu? :) Díky za každou radu :)
Zdroj: http://kadernictvi-anita.cz/ $('ul li a img:nth-child(2)').mouseover(function() { /* funkce, po najetí na 2 obrázek v menu (ten, co není skrytý) */
var $img = $(this); /* uložení obrázku do objektu jQuery */
var $imgClass = $img.attr('class'); /*získání názvu třídy obrázku */
if ($('ul li a img[class^=' + $imgClass + ']').hasClass($imgClass + '_hover')) { /* ověření, zda druhý (skrytý) obrázek má stejnou třídu, jako viditelný obrázek. Pokud ano, ověří se, zda tato třída obsahuje také slovo _hover */
$('ul li a img.' + $imgClass + '_hover').fadeIn(); /* a poté se obrzek, s tou samou třídou, jako má obrázek, na který jsme najeli myší (+ má navíc _hover), zviditelní */
};
})
$('ul li a img:nth-child(2)').mouseleave(function() {
var $img = $(this);
var $imgClass = $img.attr('class');
if ($('ul li a img[class^=' + $imgClass + ']').hasClass($imgClass + '_hover')) {
$('ul li a img.' + $imgClass + '_hover').fadeOut();
};
}) |
||
| exoslav Profil |
#2 · Zasláno: 5. 3. 2014, 22:43:12
Vyřešeno, jsem blbej:
$('ul li a img:nth-child(2)').mouseover(function() { /* funkce, po najetí na 2 obrázek v menu (ten, co není skrytý) */
var $img = $(this); /* uložení obrázku do objektu jQuery */
var $imgClass = $img.attr('class'); /*získání názvu třídy obrázku */
if ($('ul li a img[class^=' + $imgClass + ']').hasClass($imgClass + '_hover')) { /* ověření, zda druhý (skrytý) obrázek má stejnou třídu, jako viditelný obrázek. Pokud ano, ověří se, zda tato třída obsahuje také slovo _hover */
$('ul li a img.' + $imgClass + '_hover').fadeIn(); /* a poté se obrzek, s tou samou třídou, jako má obrázek, na který jsme najeli myší (+ má navíc _hover), zviditelní */
};
});
$('ul li a img:nth-child(1)').mouseleave(function() {
var $img = $(this).fadeOut();
}) |
||
|
Časová prodleva: 10 let
|
|||
0