Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: funkcja mouseover
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
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ł:
  1.  
  2. $(function(){
  3. $('.wyraz a').mouseover(function(){
  4. var xxx=600*Math.round(Math.random());
  5. var yyy=400*Math.round(Math.random());
  6. $('.wyraz a').css('left',xxx+'px');
  7. $('.wyraz a').css('top',yyy+'px');
  8.  
  9. });
  10.  
  11. $('.wyraz').click(function(){
  12. $('.wyraz a').css('color','green');
  13. $('<a>nacisnij jeszcze</a>').appendTo('.wyraz');
  14.  
  15.  
  16.  
  17. });
  18. });
  19.  
  20.  



a html to:
  1. <div id="naglowek">
  2. <p>siemka panowie
  3. </p>
  4. </div>
  5.  
  6. <div class="wyraz"><a href="#"> dsfghddfs</a>
  7. </div>
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śćsmile.gif http://www.chawira.cba.pl/

to te 'nacisnij jeszcze' co wyszkoczy po nacisnieciu na pierwszego diva zeby wlasnie zachowywało się jak poprzednie
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..wink.gif
kamil4u
No to tak jest smile.gif

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
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.