kostenloser Webspace werbefrei: lima-city

Hover // callback

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   psd

   psd hat kostenlosen Webspace.

   8:42, 6.10.2009

   Hi mein code:
   
   

   <script>
     $(document).ready(function(){
   
       $("#button").hover(function () {
   
         $("#menuz").fadeIn("normal");
   
         }
   
       });
   
     });
     </script>

   
   
   jetzt soll aber menuz wieder in seine alte position wenn ich den hover von button verlasse !
   wie machh ich das oder wie schreib ich den callback code ??
   
   danke schonmal

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. w******s

   9:38, 6.10.2009

   jQuery
   

   $(document).ready(function(){
   
       $("#button").hover(function () {
   
         $("#menuz").fadeIn("normal"); } , function() {
         $("#menuz").fadeOut("normal"); 
       });
   
     });

   
   
   Wenn ich das richtig in Erinnerung habe, wird das so geregelt. Ein Blick in die Doku sollte auch helfen

4. e********l

   9:53, 6.10.2009

   Also die JQuery Doku ist doch eigentlich hinreichend dokumentiert...
   
   http://docs.jquery.com/Events/hover
5. Autor dieses Themas

   psd

   psd hat kostenlosen Webspace.

   9:53, 6.10.2009

   werktags schrieb:
   jQuery
   

   $(document).ready(function(){
   
       $("#button").hover(function () {
   
         $("#menuz").fadeIn("normal"); } , function() {
         $("#menuz").fadeOut("normal"); 
       });
   
     });

   
   
   Wenn ich das richtig in Erinnerung habe, wird das so geregelt. Ein Blick in die Doku sollte auch helfen
   

   
   
   hm ne das geht nicht jetzt startet die function erst garnicht
   die doku hab ich gelesen aber werd da draus nicht schlau
   
   danke

6. e********l

   9:54, 6.10.2009

   Schonmal mit Firebug überprüft ob die Funktion jemals attached/aufgerufen wird oder sonstige Fehler geworfen werden?
   
   Beitrag zuletzt geändert: 6.10.2009 9:58:39 von evil-devil

7. color

   

   color hat kostenlosen Webspace.

   10:07, 6.10.2009

   Hi,
   
   also schau, kurz versuche es mal mit mouseover/mouseout
   
   

   $(document).ready(function(){
   $(".navigation").mouseover(function(){
   //do something//
   }).mouseout(function(){
   // mach etwas anderes zb mouseover rückgängig
   });
   }

   
   
   Grüsse
   Color
8. Autor dieses Themas

   psd

   psd hat kostenlosen Webspace.

   10:13, 6.10.2009

   ok problem gelöst schreibfehler von mir
   
   danke an euch

9. e********l

   10:14, 6.10.2009

   Und wo war der Schreibfehler nun? Denn eigentlich ist Colors Lösung zwingend nicht nötig, wenn du JQuery verwendet.
10. Autor dieses Themas

    psd

    psd hat kostenlosen Webspace.

    11:37, 6.10.2009

    ähm ok neues problem ich lad es einfach mal hoch hier :
    
    http://psd.lima-city.de/menu/3d/
    
    und zwar hört der mose over nicht auf sondern leuft immer durch kann da ein stop function eintragen?? oder kennt ihr andere lösungen für mein vorhaben ??
    
    
    danke schonmal
    
    

11. w******s

    11:45, 6.10.2009

    psd schrieb: und zwar hört der mose over nicht auf sondern leuft immer durch kann da ein stop function eintragen?? oder kennt ihr andere lösungen für mein vorhaben ??

    Was soll genau aufhören? Sieht doch passend aus.
    
    Es reicht einmal "$(document).ready(function(){" zu schreiben und darin dann alles zu packen, was ausgeführt werden soll, wenn die Seite fertig geladen ist.
    

12. e********l

    11:56, 6.10.2009

    Dann füge doch einfach in deinem Hover/OnMouseOver Callback das Fadeout wieder hinzu...

13. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?