Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: jquery zapamiętywanie triggerów
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
marcinpruciak
Mam taki kod wysuwający z prawej strony box facebooka:
[JAVASCRIPT] pobierz, plaintext
  1. <script type="text/javascript">
  2. $(document).ready(function () {
  3. $(function(){
  4. //$("#wysuwane").css("right","-345px");
  5. $("#wysuwane").mouseover(function () {
  6. $("#wysuwane").animate({right: "0px"}, 1000 );
  7. });
  8. $("#wysuwane").mouseout(function () {
  9. $("#wysuwane").animate({right: "-275px"}, 1000 );
  10. //$('#wewnatrz').css('display','none')
  11. });
  12. });
  13. });
  14. </script>
[JAVASCRIPT] pobierz, plaintext


Gdy kilka razy najadę na niego myszką to kilka razy box się chowa i wysuwa.
Jak zablokować aby się tylko raz wysuwał i nie zliczał ruchów myszką?
zegarek84
można do tego na kilka sposobów podejść - najprostszy to zdefiniowanie dodatkowej zmiennej
[JAVASCRIPT] pobierz, plaintext
  1. $(document).ready(function () {
  2. $(function(){
  3. //$("#wysuwane").css("right","-345px");
  4. var lock = false, lock2 = false;
  5. $("#wysuwane").mouseover(function () {
  6. !lock && $("#wysuwane").animate({right: "0px"}, 1000 ); // if(!lock) $("#wysuwane").animate({right: "0px"}, 1000 );
  7. lock = true;
  8. });
  9. $("#wysuwane").mouseout(function () {
  10. if(lock){
  11. !lock2 && $("#wysuwane").animate({right: "-275px"}, 1000, function(){lock=lock2=false;});
  12. lock2 = true;
  13. }
  14. });
  15. });
  16. });
[JAVASCRIPT] pobierz, plaintext
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.