Forum » Izdelava spletišč » jQuery animacija ozadja po y osi
jQuery animacija ozadja po y osi
Nextor ::
Z jQueriyem, bi rad background-image z background-pisition animiral premik po y osi, ampak nikakor noče delat oz. namesto, da bi se animiralo kar skoči na finalno pozicijo...
Pripravil sem en primer, ki vsebuje dve povezavi za vodoravno animacijo ozadja (x) in navpično animacijo ozadja (y), po x osi dela normalno, po y pa namesto animacije kar skoči na finalno pozicijo. Kje bi lahko bil problem?
Pripravil sem en primer, ki vsebuje dve povezavi za vodoravno animacijo ozadja (x) in navpično animacijo ozadja (y), po x osi dela normalno, po y pa namesto animacije kar skoči na finalno pozicijo. Kje bi lahko bil problem?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sl" lang="sl"> <head> <title>IGRE</title> <style type="text/css"> #test { background: transparent url(http://static.slo-tech.com/stili/bel/slotech.png) no-repeat scroll 0px 0px; witdh: 125px; height: 54px; } </style> <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script> <script type="text/javascript"> jQuery(document).ready(function($){ $('#link').click(function(){ $('#test').css({backgroundPosition:'0px -25px'}); $('#test').animate({backgroundPosition: '0px 0px'},'slow'); }); $('#link1').click(function(){ $('#test').css({backgroundPosition:'-125px 0px'}); $('#test').animate({backgroundPosition: '0px 0px'},'slow'); }); }); </script> </head> <body> <div id="test"> test </div> <a href="#" id="link">navpicno</a> <br/> <a href="#" id="link1">vodoravno</a> </body> </html>
- spremenilo: Nextor ()
Vredno ogleda ...
Tema | Ogledi | Zadnje sporočilo | |
---|---|---|---|
Tema | Ogledi | Zadnje sporočilo | |
! | Vse, kar ste si želeli vprašati o CSS, pa si niste upali. (strani: 1 2 3 4 … 23 24 25 26 )Oddelek: Izdelava spletišč | 345618 (4755) | sunniegoldie |
» | Problem prikaza #left-navOddelek: Izdelava spletišč | 861 (828) | slitkx |
» | Wampserver in FirefoxOddelek: Izdelava spletišč | 1843 (1723) | jonystar |
» | [CSS]Pozicioniranje footer divaOddelek: Izdelava spletišč | 2450 (2397) | amaze646 |
» | kako naj napravim spletno stran da bo animirala v operiOddelek: Izdelava spletišč | 1123 (1010) | pitagora |