head_shopping_cart mouseover statt click!

Thema wurde von ritter, 30. April 2013 erstellt.

  1. ritter

    ritter Erfahrener Benutzer

    Registriert seit:
    30. Januar 2013
    Beiträge:
    93
    Danke erhalten:
    3
    Danke vergeben:
    12
    #1 ritter, 30. April 2013
    head_shopping_cart mouseover statt click? :confused:

    Hallo Ihr Lieben!

    Habe versucht den sliding Warenkorb per mouseover zu bewegen.

    Hat auch mit "hover" funktioniert >>>ABER:

    dieser bleibt nich für einige Sekunden stehen sondern schließt sich sofort, nach dem die Maus Außerhalb ist.

    Habt Ihr einen kleinen Schnipsel dafür?

    Besten Dank!
     
  2. Pascal

    Pascal Aktives Mitglied

    Registriert seit:
    5. Februar 2012
    Beiträge:
    40
    Danke erhalten:
    0
    Danke vergeben:
    5
    #2 Pascal, 1. Mai 2013
    Hi,

    schau Dir doch mal die classe mouseleave von JQuery an und dann noch "setTimeout".

    Code:
    $(".warencorb").mouseleave(function ()
 {
    setTimeout(500);
 });
    oder sowas... habe das auf die Kürze beim googlen gefunden.

    Code:
    var config = { 
sensitivity: 3, // number = sensitivity threshold (must be 1 or higher) 
interval: 500, // number = milliseconds for onMouseOver polling interval 
timeout: 500, // number = milliseconds delay before onMouseOut 
};
 
$(".flycart").hoverIntent(function () {
        $('.flycart').slideDown('fast');
}, function() {
        $('.flycart').slideUp('fast');
}).find('a.close').click(function(){
   $(this).parents('.flycart').hide();
});