Avatar
Maty
Člen
Avatar
Maty:

Zdravim, mam problem s menu v ktorom chcem aby sa mi po prejdeni mysou zoscrolloval dole obrazok ktory mam nastavený ako background pretoze obe polovice su odlisnej farby ale potom po odchode mysou sa to bez animacie vrati spet. Problem je v tom ze uz so vyskusal mnoho kodov,navodov no ani jedno mi nefunguje
javascript:

$('#menu li')
.hover(function () {
    $(this).stop().animate({
        'background-position' : '(0px -5em)'
    }, 150);

css:

.menu li a{
        display: block;
        padding: 1.6em;
        font-size: 1.4em;


}
.menu li{
        font-family: sans-serif;
        display: block;
        text-align: right;
        text-transform: uppercase;
        margin: 0 0.87em;
        height: 6em;
        background: url(../portfolio/imgs/slide.png) 0 0 repeat;
}
 
Odpovědět 3. ledna 17:10
Avatar
Maty
Člen
Avatar
Maty:

to .menu li su vsetky #menu li, ospravedlnujem za chybu

 
Nahoru Odpovědět 3. ledna 17:11
Avatar
adder
Člen
Avatar
adder:

Ahoj,
pokud jsem to pochopil správně, tak nemusíš využít ani javascript. Uděláš to čistě přes pseudo třídu :hover.
Možné řešení: https://jsfiddle.net/1sbn9f50/

PS: sorry za ten prasáckej obrázek. :)

Nahoru Odpovědět 5. ledna 13:41
I’m going to lay this brick as perfectly as a brick can be laid.
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 3 zpráv z 3.