2013-09-27 2 views
0

je suis en train de faire une animation tente transparente avec jquery avec pause/reprendre le vol stationnaire de la souris, mais je ne peux pas résoudre le problème de la vitesse ..jquery vitesse de reprise de pause d'animation ralentir

Je suis tout à fait sûr c'est juste un petit quelque chose que j'ai raté. ici ce que j'ai jusqu'à présent:

css
body{ 
    width:500px; 
    border:1px solid #000; 
    margin:0 auto;} 
#marquee{ 
    overflow:hidden; 
    width:100%;} 
#marquee div{ 
    margin-left:-100%; 
    width:200%;} 
#marquee span{ 
    width:50%; 
    display:inline-block; 
    text-align:center;} 

js

$(function() { 
    $("#marquee") 
    .wrapInner("<span>") 
    .append($(this).find("span").clone()) 
    .wrapInner("<div>") 
    .mouseover(function(){ 
     stops(); 
    }) 
    .mouseout(function(){ 
     plays(parseInt($m.css('margin-left'))); 
    }); 
    $m = $('#marquee').find("div"); 
    var cd = parseInt($m.css("margin-left")); 
    var sp = Math.abs(cd/5000); 
    var reset = function(s) { 
    if(!s) $m.css("margin-left", "0%"); 
    s = s | 5000; 
    $m.animate({ "margin-left": "-100%" }, s, 'linear', reset); 
    }; 
    var plays = function(e) { 
    var d = Math.abs(cd-e); 
    var s = d/sp; 
    $m.css("margin-left", e); 
    reset(s); 
    }; 
    var stops = function() { 
    $m.clearQueue(); 
    $m.stop(); 
    }; 
    reset(); 
}); 

http://jsbin.com/ifUXuKi/1/

s'il vous plaît ne me propose pas un plugin pour résoudre ce :)

+0

fixé le "opérateur OR" fonction de la réponse Laurent: http://jsbin.com/ifUXuKi/8/edit – user2779992

Répondre

0

Essayez d'utiliser || (OR logique) au lieu de | (OU bit à bit)

s = s || 5000; 
+0

:)) Je suppose que j'ai raté .. merci, très apprécié » – user2779992

Questions connexes