Tag: jquery animate

JQuery动画背景图像在Y轴上

我似乎遇到了JQuery动画的问题。 我可以在正方向上为背景图像设置动画,但不能在负方向上设置动画。 关于如何解决这个问题的任何建议? $(this).parent().css(‘background-position-y’, ’19px’); $(this).parent().animate({ ‘background-position-y’: ‘-=19px’ }, 1000, ‘linear’);

jquery动画背景位置firefox

我有这个背景图像滑块的东西在chrome和safari中工作,但它在firefox中没有做任何事情。 任何帮助? $(function(){ var image= “.main-content”; var button_left= “#button_left”; var button_right= “#button_right”; var animation= “easeOutQuint”; var time= 800; var jump= 800; var action= 0; $(button_left).click(function(){ right(); }); $(button_right).click(function(){ left(); }); $(document).keydown(function(event){ if(event.keyCode == ’37’){ right(); } }); $(document).keydown(function(event){ if(event.keyCode == ’39’){ left(); } }); function left(){ if(action == 0){ action= 1; $(image).animate({backgroundPositionX: ‘-=’+jump+’px’}, {duration: time, […]

如何执行多个同时的jquery效果?

我正在为页面上的一些错误/validation元素设置动画。 我想让它们反弹并突出显示,但如果可能的话,同时也要突出显示。 这是我目前正在做的事情: var els = $(“.errorMsg”); els.effect(“bounce”, {times: 5}, 100); els.effect(“highlight”, {color: “#ffb0aa”}, 300); 这导致元素首先反弹,然后突出显示,我希望它们同时发生。 我知道使用.animate()你可以在选项中指定queue:false ,但我不想使用animate,因为预构建的效果“bounce”和“highlight”正是我想要的。 我试过简单地链接像els.effect().effect()这样的调用,但这不起作用。 我也尝试在我传入的选项对象中放入queue:false ,但这不起作用。

如何制作一个jquery无限动画?

我正在尝试使用无限循环实现jQuery函数,以使用3种颜色为主体背景设置动画。 我想不出一个漂亮而干净的解决方案。 像这样的东西? $(document).ready(function(){ $(‘body’).animate({backgroundColor:’#ffcc00′}, 500, function(){ $(‘body’).animate({backgroundColor:’#eeeeee’}, 500, function(){ $(‘body’).animate({backgroundColor:’#3b5998′}, 500); }); }); }); 任何的想法?

JQuery同步动画

在许多情况下,我希望动画同步执行。 特别是当我想制作一系列连续动画时。 有没有一种简单的方法可以使jQuery animate函数调用同步? 我想到的唯一方法是在动画结束时将标志设置为true并等待此标志。