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();
});
s'il vous plaît ne me propose pas un plugin pour résoudre ce :)
fixé le "opérateur OR" fonction de la réponse Laurent: http://jsbin.com/ifUXuKi/8/edit – user2779992