恢复后动画速度变慢 [英] animation slows down after resume

查看:68
本文介绍了恢复后动画速度变慢的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

var resume = false;

$(document).ready(function(){
swing();
$(''#share'').bind({
悬停:function(){
$(this).stop();
},
mouseleave:函数(){
var v = parseInt($(#share").css("right"),0);

如果(恢复)
swing(v);
其他
swingBack();
}
});
});


函数swing(v){
var total = 1500;
var disremain = v?1500-Math.abs(v):1500;

$(''#share'').animate({
右:"+ =" +消失+"px"
},8000 *(取消)/总计,function(){
简历=假;
swingBack();

});
}

函数swingBack(v){
var total = 1500;
var disremain = v吗? 1500-Math.abs(v):1500;
$(''#share'').animate({
右:"0px"
},8000 *(不占)/总计,函数(){
简历= true
swing();
});
}

var resume = false;

$(document).ready(function(){
swing();
$(''#share'').bind({
hover: function () {
$(this).stop();
},
mouseleave: function () {
var v = parseInt($("#share").css(''right''), 0);

if (resume)
swing(v);
else
swingBack();
}
});
});


function swing(v){
var total = 1500;
var disremain = v ?1500-Math.abs(v):1500;

$(''#share'').animate({
right: ''+='' + disremain + ''px''
}, 8000*(disremain)/total, function(){
resume = false;
swingBack();

});
}

function swingBack(v) {
var total = 1500;
var disremain = v ? 1500 - Math.abs(v) : 1500;
$(''#share'').animate({
right: ''0px''
}, 8000 * (disremain) / total, function () {
resume = true
swing();
});
}

推荐答案

(document).ready(function(){
swing();
(document).ready(function(){
swing();


(``#share'').bind({
悬停:function(){
(''#share'').bind({
hover: function () {


(this).stop();
},
mouseleave:函数(){
var v = parseInt(
(this).stop();
},
mouseleave: function () {
var v = parseInt(


这篇关于恢复后动画速度变慢的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆