» »

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 423 24 25 26 )

Oddelek: Izdelava spletišč
1298345618 (4755) sunniegoldie
»

Problem prikaza #left-nav

Oddelek: Izdelava spletišč
5861 (828) slitkx
»

Wampserver in Firefox

Oddelek: Izdelava spletišč
61843 (1723) jonystar
»

[CSS]Pozicioniranje footer diva

Oddelek: Izdelava spletišč
62450 (2397) amaze646
»

kako naj napravim spletno stran da bo animirala v operi

Oddelek: Izdelava spletišč
301123 (1010) pitagora

Več podobnih tem