funkcja mouseover, problem z appendTo Opcje

[Mastersieciweb]

Witam, mam problem bo chciałem robić diva który będzie uciekał przed kursorem, a w przypadku jego naciśnięcia pojawi się kolejny, w tej sytuacji powstaną dwa divy które chciałbym zeby miały te same właściwości tzn też uciekały ale niezależnie a po naciśnięciu jednego z nich znów pojawi się następny niezależny div.. to mój kod, nie wiem jak pętle tutaj zrobić, może ma ktoś pomysł:

[HTML] pobierz, plaintext 
 
$(function(){
  $('.wyraz a').mouseover(function(){
     var xxx=600*Math.round(Math.random());
     var yyy=400*Math.round(Math.random());
    $('.wyraz a').css('left',xxx+'px');
    $('.wyraz a').css('top',yyy+'px');
 
    });
 
    $('.wyraz').click(function(){
      $('.wyraz a').css('color','green');
      $('<a>nacisnij jeszcze</a>').appendTo('.wyraz');
 
 
 
        });
        });    
 
 
[HTML] pobierz, plaintext 

a html to:

[HTML] pobierz, plaintext 
<div id="naglowek">
      <p>siemka panowie
      </p>
    </div>
 
    <div class="wyraz"><a href="#"> dsfghddfs</a>
    </div>
[HTML] pobierz, plaintext 

[kamil4u]

Nie wiem co chciałeś osiągnąć. Nie rozumiem. Może to: http://jsfiddle.net/2Ansp/ - żeby zmieniać left, top musisz mieć odpowiedniego css

[Mastersieciweb]

wejdz na ta strone, tam jest caly kod, oczywiscie musisz pominac kod zwiazany z reklama na tym serwerze.. no ale zobaczysz o co mi chodzi, co chce zrobic, jak uda Ci się juz kliknąć na ten wyraz to dalej tworzy się kolejny ale chce aby również uciekał przed kursorem oczywiście niezależnie od pierwszego a i po naciśnięciu na niego rówież tworzył się kolejny i tak w nieskończoność http://www.chawira.cba.pl/

to te 'nacisnij jeszcze' co wyszkoczy po nacisnieciu na pierwszego diva zeby wlasnie zachowywało się jak poprzednie

Ten post edytował Mastersieciweb 16.01.2014, 15:53:44

[kamil4u]

http://jsfiddle.net/hdbsF/

[Mastersieciweb]

działa fajnie tylko w zamiarze chciałbym żeby te powstałe divy tak samo działały jak ten pierwszy, czyli też uciekały i po naciścięciu tworzyły następnego diva..

[kamil4u]

No to tak jest

A jak coś to baw się tym:

Kod

            $( this ).css( 'background-color', 'green' ); // zmiana koloru
            $( this ).css( 'z-index', 1 ); // zmiana z-index
            $( this ).text( "Pokonany" ); // zmiana tekstu
            $( this ).off( 'mouseover'); // wyłączenie pokonanego