Přidej si svou IT školu do profilu a najdi spolužáky zde na síti :)

Diskuze: Javascript menu animation

JavaScript JavaScript Javascript menu animation

Aktivity (1)
Avatar
Maty
Člen
Avatar
Maty:3.1.2016 17:10

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.1.2016 17:10
Avatar
Maty
Člen
Avatar
Maty:3.1.2016 17:11

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

 
Nahoru Odpovědět 3.1.2016 17:11
Avatar
adder
Člen
Avatar
adder:5.1.2016 13:41

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.1.2016 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.