Z uwagi na dużą liczbę wpisów stworzonych bez wątpienia wyłącznie w celu pozycjonowania stron na określone frazy, dodaliśmy do wszystkich linków (w postach i podpisach) atrybut rel="nofollow". Z tego względu wszystkie dodane linki straciły swoją moc pozycjonerską. Forum jest dla Was, dlatego prosimy o zamieszczanie wyłącznie "prawdziwych" tematów i odpowiedzi.

Animacja pobieranie współrzednych

Dreamweaver, XHTML, CSS, JavaScript, jQuery
  • Wiadomości
Offline

Marcindf345

  • Posty: 10
  • Rejestracja: 6 lut 2015, o 01:01

Animacja pobieranie współrzednych

Post11 sty 2017, o 18:32

Kod: Zaznacz cały
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="bootstrap.min.css" />
<link rel="stylesheet" href="style.css" type="text/css">
<script src="jquery-2.0.0.min.js"></script>
</head>
<body>

<div id="wlacz">Click!</div>
<img src="gify/bus_right.png" id="obrazek1">
<div id="wynik"></div>
<script>
$(document).ready(function() {

$("#wlacz").click(function(){
        $("img").offset(function(n, c){
      
            newPos = new Object();
            newPos.left = c.left + 50;
           // newPos.top = c.top + 100;
            var pol = newPos.left;
          $('img').animate({left:'400px', opacity:'.4'},5000, function(){
         
         $("#wynik").text('complete');
         //kod animacji
         });
            $("#wynik").text(pol+ "px");
         if(pol>500){
         newPos.left = c.left - 500;
         $("#wynik").text(pol=0+ "px");
         }
            return newPos;
         
        });
    });


});
</script>
</body>
</html>



jak dodać funkcjonalność wyświetlanie współrzędnych podczas animacji.W powyższym kodzie jest zaimplementowana metoda wyświetlająca współrzędne po kliknięciu.

Wróć do Projektowanie w XHTML i CSS

Kto jest online

Użytkownicy przeglądający to forum: Obecnie na forum nie ma żadnego zarejestrowanego użytkownika i 1 gość