hover und .gif

    • hover und .gif

      Hey ich dachte mal :

      "machen wir doch einen Button mit .gif hover (animierter hover)".

      Okay klappt soweit.

      Aber wenn ich mit dem Mauszeiger länger drauf bleibe , dann wiederholt es sich immer... (es soll sich von oben nach unten füllen...)



      Es sollte eig nur einmal füllen und dass immer wenn ich mit dem zeiger drauf gehe...

    • Werbung zur Unterstützung des Forums ( Bitte AddBlocker deaktivieren )

    • Vielen Dank Ulle !

      den CSS und HTML Code kapiere ich.

      aber Java kapiere ich nicht... vllt könntest du mir ein paar von den wichtigen funktionen erklären ? :)

      Quellcode

      1. <script type="text/javascript">
      3. //<![CDATA[
      6. $(document).ready(function () {
      8. //Append a div with hover class to all the LI
      9. $('#navMenu li').append('<div class="hover"><\/div>');
      12. $('#navMenu li').hover(
      14. //Mouseover, fadeIn the hidden hover class
      15. function() {
      17. $(this).children('div').fadeIn('1000');
      19. },
      21. //Mouseout, fadeOut the hover class
      22. function() {
      24. $(this).children('div').fadeOut('1000');
      26. }).click (function () {
      28. //Add selected class if user clicked on it
      29. $(this).addClass('selected');
      31. });
      33. });
      35. //]]>
      37. </script>
      Alles anzeigen


      Lg

    • viel erklärung gibt es da nicht. jQuery ist so aufgebaut das es sich anhand der funktionen selbsterklärt. Ein wenig Grund Englisch vorrausgesetzt. Ansonsten kannst du mit ein wenig Englisch auch auf jQuery: The Write Less, Do More, JavaScript Library alles rausfinden. Wenn du irgendwelche Fragen bei der Verwenundg hast dann meld dich einfach hier.

      Ansonsten wünsche ich dir viel Erfolg und immer dran denken Learning by Doing es ist noch kein Meister vom Himmel gefallen.

      Gruß
      Ulle

    • Nur mal so am rande, wenn du gifs erstellst kannst du auswählen ob es sich einmal
      wiederholen soll oder permanent von vorne anfängt wenn die animation abgespielt ist

      Mal wieder ein total sinnloses Posting :D

      stell dir mal vor er macht es so. Und du lädst die seite nicht erneut. Was passiert wenn du das 2te mal über den Button gehst?

      Und wie gesagt macht es euch doch net so umständlich. Dafür gibt es doch die Programmiersprachen, das man diese auch benutzt oder etwa nicht?

    • ulle;189473 schrieb:

      Mal wieder ein total sinnloses Posting :D

      stell dir mal vor er macht es so. Und du lädst die seite nicht erneut. Was passiert wenn du das 2te mal über den Button gehst?

      Und wie gesagt macht es euch doch net so umständlich. Dafür gibt es doch die Programmiersprachen, das man diese auch benutzt oder etwa nicht?


      Ehm nein, sobald man mit der Maus runtergeht und wieder draufgeht sollte die
      Animation erneut abgespielt werden. Man kann jeden Scheiß programmieren, aber
      warum umständlich wenns auch einfach geht? Nebenbei fällt mir gerade nicht ein
      das ich mich zu dem Thema geäusert habe was den nun die bessere Variante ist.
      Animierte Gifs werden nebenbei häufig verwendet.

      Mal wieder sinnlose Klugscheißerei, tu mir nen gefallen und leg deine Haufen
      unter nen Post von jemanden der nicht MINDESTENS auf deinem Niveau
      ist. Ich rede hier nicht von Knowledge.