tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
4
ZUGRIFFE
235
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    das-schaf das-schaf ist offline Rookie
    Registriert seit
    Jul 2003
    Beiträge
    6
    Hi,
    ich will sowas bauen wie den Warenkorb oben rechts auf http://www.archiduchesse.com/.

    Es soll quasi animiert werden wenn man drüber geht und wenn man rausgeht mit der maus soll es wieder zurückhüpfen. Ich habs auch schon teilweise hinbekommen aber wie mache ich es das es am anfang geschlossen ist?

    Hat vielleicht jemand ne idee?

    danke schonmal,
    tobi
     
    » forward-media.de | Medienagentur in Bamberg für Drupal, Prestashop und SEO - Drupal Entwicklung | Drupal Tutorials

  2. #2
    CPoly CPoly ist gerade online Mitglied Weizenbier
    tutorials.de Premium-User
    Registriert seit
    Sep 2009
    Beiträge
    2.445
    Zitat Zitat von das-schaf Beitrag anzeigen
    Ich habs auch schon teilweise hinbekommen aber wie mache ich es das es am anfang geschlossen ist?
    Zeig doch mal deinen Code. Ich würde einfach hide() benutzen.
     

  3. #3
    das-schaf das-schaf ist offline Rookie
    Registriert seit
    Jul 2003
    Beiträge
    6
    Das hab ich schon aber Hide am anfang hab ich auch schon probiert, dann geht er aber gar nicht auf

    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    
    $('#cart_block').hover(function(){
     
        var h=parseInt($('#cart_block_list').height())+20+'px';
        
        $("#cart_block_contenu").stop().animate({height:h},{
          queue:false,
          duration:500,
          easing:'easeOutBounce'});
        $("#cart_block #cart_block_list").show();
        },function(){
          $("#cart_block_contenu").stop().animate({height:0},{
          queue:false,
          duration:500});
      });
     
      $('#header_user').hover(function(){
        var h=parseInt($('#cart_block_list').height())+20+'px';
        $("#cart_block_contenu").stop().animate({height:h},{
        queue:false,
        duration:500,
        easing:'easeOutBounce'
        });
      $("#cart_block #cart_block_list").show();
      },function(){
        $("#cart_block_contenu").stop().animate({height:0},{
        queue:false,
        duration:500
        });
      });
    Grüße,
    Tobi
    Geändert von chmee (22.08.11 um 00:54 Uhr) Grund: code.tags gesetzt
     
    » forward-media.de | Medienagentur in Bamberg für Drupal, Prestashop und SEO - Drupal Entwicklung | Drupal Tutorials

  4. #4
    CPoly CPoly ist gerade online Mitglied Weizenbier
    tutorials.de Premium-User
    Registriert seit
    Sep 2009
    Beiträge
    2.445
    Dann setz die Höhe doch auf 0 css('height', 0)
     

  5. #5
    das-schaf das-schaf ist offline Rookie
    Registriert seit
    Jul 2003
    Beiträge
    6
    oki doki, ich probiers mal!!

    Danke schonmal, sag bescheid obs dann geht

    Grüße,
    tobi
     
    » forward-media.de | Medienagentur in Bamberg für Drupal, Prestashop und SEO - Drupal Entwicklung | Drupal Tutorials

Ähnliche Themen

  1. [jquery] multiple select und .animate fehler bei chrome
    Von Darian im Forum Javascript & Ajax
    Antworten: 0
    Letzter Beitrag: 07.02.11, 17:47
  2. animate Anzeigen, animate Ausblenden, funktioniert nicht!
    Von Daaguru im Forum Javascript & Ajax
    Antworten: 2
    Letzter Beitrag: 01.10.10, 11:56
  3. jQuery animate zurücksetzen
    Von hoctar im Forum Javascript & Ajax
    Antworten: 4
    Letzter Beitrag: 29.11.09, 15:38
  4. jQuery nach animate ausführen
    Von hoctar im Forum Javascript & Ajax
    Antworten: 4
    Letzter Beitrag: 11.11.09, 20:51
  5. jQuery: .animate-value "on the flow" ändern?
    Von DeluXe im Forum Javascript & Ajax
    Antworten: 5
    Letzter Beitrag: 17.05.09, 15:03

Stichworte