Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Jquery onmouseower i animate
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
sylwekqaz
Witam mam problem z funkcją animate w połączeniu on mouse ower i out, gdy najadę myszką na obiekt wykona się funkcja z onmouseower, ale jak przejade myszką z pustego obszary (w obiekcie) na np input to wykona sie funkcja z onmouseout i jeszcze raz z onemouseower.

Link: http://ogejm.c0.pl/pascal/
Trzeba najechać myszką na dolny lewy róg strony

Kod html:
  1. <div onmouseover="$(this).animate({opacity : 1},1);" onmouseout="$(this).animate({opacity : 0.1},1);" style="position: fixed; bottom: 0px; left: 0px; padding: 5px; opacity: 0.1;">
  2. <form method="POST" action="http://ogejm.c0.pl/pascal/index.php">
  3. <input type="text" name="konsola" id="konsola">
  4. <br>
  5. <input type="password" name="pas" id="pas">
  6. <br>
  7. <input type="submit" value="__">
  8. </form>
  9. </div>

kamil4u
Nie jestem pewien czy dobrze zrozumiałem, ale jeśli tak to użyj: http://api.jquery.com/mouseenter/

Jeżeli już używasz jQuery( z resztą jeżeli nie to też ) to nie używaj atrybutów HTML, a dodawaj zdarzenia tak jak się to powinno robić.
sylwekqaz
okej zrobiłem tak jak mówisz i dałem te 2 funkcje (dodałem alerta testowo), ale nie praży tak jak by nie wykrywał eventu

  1. $('#conn').mouseenter(function() {
  2. alert('asas');
  3. $('#conn').animate({opacity : 1},1000);
  4. });
  5.  
  6. $('#conn').mouseleave(function() {
  7. $('#conn').animate({opacity : 0},1000);
  8. });
kamil4u
DOM musi być załadowany, jeśli chcesz wyszukiwać elementy: http://api.jquery.com/ready/
sylwekqaz
Faktycznie zapomniałem o tym sciana.gif
Temat do zamknięcia.
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.