Tag: jquery animate

jQuery动画一个-webkit-transform: 是否可以使用jQuery动画webkit translate3d？我读到，当使用jQuery的animate属性时，你必须使用css属性，但在translate3d的情况下，这似乎不起作用。我有以下代码，我想动画而不是它立即发生？ $(“#main-nav”).css(‘-webkit-transform’, “translate3d(0px, ” + e + “px, 0px) scale(1)”); 为了澄清“e”是一个传递给我上面的代码运行的函数的变量。

如何为锚标记添加特定值？: 我有以下代码 Inside Link which sets a value $(a).click(function() { i=value of a tag; $(‘#square’).animate({‘left’: i * 360}); }); 我想为锚标签添加一个值属性。怎么做？

jQuery动画速度？: 最终编辑：下面的文本墙可以通过简单地问“我可以使用jQuery的animate()来指定动画的速度来总结吗？所有提供的都是duration 。” ~~ 尽管我使用了“线性”，但jQuery的animate()似乎实现了缓动。我怎样才能让两个盒子保持在一起，直到第一次完成@ 250px？第二个动画更快，因为它有更长的距离。 $(function() { $(‘#a’).animate({left: ‘250px’}, 1000, ‘linear’); $(‘#b’).animate({left: ‘500px’}, 1000, ‘linear’); }); 或者有一个jQuery carousel插件可以做到这一点（基于你在哪里鼠标移动鼠标移动）所以我不必重写它？我花了大约20分钟在Google上寻找一个，但无法想出任何我喜欢的东西。 ETA ：我提供的示例非常简单，但我发现它的问题适用于更复杂的代码库。（1）去这里。（2）将鼠标放在C. Viper上，查看速度。（3）将鼠标放在Ryu上，但在完成之前，将鼠标移动到DIV的中间位置（使其停止）。（4）将鼠标放回左侧，看它的移动速度有多慢。计算速度和距离的差异似乎是不可克服的。我所要做的就是重现我今天看到网站使用的一个可爱效果（本网站）。但它是Mootools，而我是jQuery。 = [

如何使用jQuery使用逗号使用动画来增加数字？: 我正在尝试在页面上的元素内增加一个数字。但是我需要用数字来包含第千位值的逗号。（例如45,000而不是45000） // Animate the element’s value from x to y: $({someValue: 40000}).animate({someValue: 45000}, { duration: 3000, easing:’swing’, // can be anything step: function() { // called on every step // Update the element’s text with rounded-up value: $(‘#el’).text(Math.round(this.someValue)); } }); 如何使用动画使用逗号增加数字？

使用animate（）从右向左滑动div: 我想要一个’.whole’来制作动画（从右到左滑动） jQuery的 $(‘#menu’).click(function() { $(‘.whole’).toggleClass(‘r2’); $(‘#slideMenu’).toggle(); }); .r2 { right: 200px } 我无法正确使用animate（）函数。

使用jQuery动画内联元素: 我试图使用jQuery显示和隐藏内联元素（例如跨度）。如果我只使用toggle（），它按预期工作，但如果我使用toggle（“slow”）给它一个动画，它会将span转换为一个块元素，因此插入中断。内联元素是否可以动画？如果可能的话，我宁愿顺利滑动，而不是淡入淡出。 $(function(){ $(‘.toggle’).click(function() { $(‘.hide’).toggle(“slow”) }); }); Hello there jquery Toggle

如何动画CSS翻译: 是否可以通过jquery动画CSS属性翻译？ $(‘.myButtons’).animate({“transform”:”translate(50px,100px)”}) 它在许多浏览器中都有效吗？演示不起作用： http ： //jsfiddle.net/ignaciocorreia/xWCVf/ 更新：我的解决方案简单的实现 – http://jsfiddle.net/ignaciocorreia/R3EaJ/ 复杂的实现和多浏览器 – http://ricostacruz.com/jquery.transit/

用animate实现jQuery的震动效果: 我已经获得了jQuery lib的一个减少的子集，我缺少的一个关键特性是.effect函数。但我确实有.animate 。我想知道是否有人会有任何想法如何重现动画function。我特别想知道只需几行，因为我需要保持代码大小。这就是为什么jquery lib尽可能小，并且没有效果函数。 TLDR – 我正在尝试更换 $(“#”+id_string).effect( “shake”, {}, “fast” ); 在jQuery中使用.animate东西。

jQuery动画div背景颜色渐变？: 我正在尝试用jQuery构建一个背景动画，它从一个渐变变为另一个渐变。我知道你可以使用.animate（）函数来改变纯色背景颜色，但是这也可以用于渐变吗？这是一些旧的Digg风格评论的好例子。我正在寻找这样的动画，从绿色到黄色

使用带有多个元素动画的jQuery.queue？: jQuery队列很烦人 – 我无法理解它… 以下函数包含4个动画，我想一个接一个地发生（不是同时发生）。 function startupAnime() { $(“#header”).animate({“opacity”:”1″},{duration:3000, queue:”global”}); $(“#header”).animate({“top”:”0px”},{duration:3000, queue:”global”}); &(“#loader”).animate({“opacity”:”0″},{duration:3000, queue:”global”}); $(“#background”).animate({“background-position” : “300px center”},{duration:3000, queue:”global”}); } $(window).load(function() { startupAnime(); }) 两个#header元素将一个接一个地动画，但其余的都在同一时间发生。然后我发现Queue只有在你动画相同的元素时才有效！这不是很有用……但是添加队列：“名称”显然应该将它们链接到同一个队列中……虽然这只会阻止他们为我工作。我在这里错过了什么吗？我不确定队列是否意味着“下一个动画将在当前一个动画结束后开始”，或者“这些动画被保存在一个等待你释放它们的队列中”可能是通过调用队列（“全局”）或其他东西！大多数建议都讨论动画一个元素，或设置许多函数并使用回调来“迭代”函数 – 如果你问我，不是很干净。我只是希望能够在我要求时运行动画列表。注意：动画的“列表”可能会一次为一个元素设置动画，但我也可能希望两个或更多元素在列表中的某个点同时进行动画处理。这是一个示例： animate element A -> then -> animate element B -> then -> animate element C and D together -> then -> […]