☰

» »

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šč		1297333489 (57638) htmltroubles
»

Problem prikaza #left-nav

Oddelek: Izdelava spletišč		5799 (766) slitkx
»

Wampserver in Firefox

Oddelek: Izdelava spletišč		61734 (1614) jonystar
»

[CSS]Pozicioniranje footer diva

Oddelek: Izdelava spletišč		62320 (2267) amaze646
»

kako naj napravim spletno stran da bo animirala v operi

Oddelek: Izdelava spletišč		301067 (954) pitagora

Več podobnih tem