☰

» »

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?

<!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 ()

Nextor ::

???

Gre za bug ali sem jas levi?

Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje 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šč		1298344186 (3323) sunniegoldie
»

Problem prikaza #left-nav

Oddelek: Izdelava spletišč		5849 (816) slitkx
»

Wampserver in Firefox

Oddelek: Izdelava spletišč		61831 (1711) jonystar
»

[CSS]Pozicioniranje footer diva

Oddelek: Izdelava spletišč		62440 (2387) amaze646
»

kako naj napravim spletno stran da bo animirala v operi

Oddelek: Izdelava spletišč		301119 (1006) pitagora

Več podobnih tem