将背景图像滑动到左侧并循环播放的最佳方法是什么？假设我有一个带有背景的进度条,我想在它处于活动状态时进行动画处理(比如在Gnome或OS X中).

我一直在玩这个$(...).animate()函数并尝试修改相关的CSS属性,但是在试图弄清楚如何修改background-position属性时我一直在打砖墙.我不能只增加它的价值,我不确定这是否是最好的方法.

任何帮助赞赏!

我正在尝试创建一个老虎机类型动画,其中将循环播放电子邮件列表.我希望动画能够快速启动,但逐渐变慢,直到停止为止.你会怎么建议我做这样的事情？我目前正在做类似的事情:

$(function(){

  wait = 1;
  threshold = 100;
  timer = setTimeout(swap_email,wait);

});

function swap_email() {

  wait = wait + 1;

  if(threshold <= wait) {

    // Update the email div....
    timer = setTimeout(swap_email, wait);   

  }

  else {

    // We're done!        

  }

}

我有一个使用slideUpjQuery 功能的下拉菜单。我想知道是否可以取消恒定速度并快速开始并缓慢结束。我环顾四周并阅读了 中的easing方法animate，我尝试了它，但它似乎不适用于slideUp，仅animate（如果我错了，请告诉我）；但除此之外，我似乎无法弄清楚。有任何想法吗？这是我当前的代码：

$(document).ready(function(){
    var h = "fast";

    $("[data-action='dropdown']").click(function(e) {
        e.stopPropagation();
    });

    $("body").click(function() {
        $("[data-action='dropdown'] ul ul").slideUp(h);
    });

    $("[data-action='dropdown'] ul li").click(function() {
        $("[data-action='dropdown'] ul ul").slideUp(h);

        $("ul", this).slideDown(h, function(){
            $("ul", this).slideUp(h);
        });
    });
});

HTML 是一个非常基本的下拉结构（只是一个ul带有lis 和内部uls的元素嵌套在里面。然后在 css 中，我将其ul ul显示为 none 隐藏内部的位置，然后，当然，由 jQuery 切换） .

任何帮助将不胜感激！ :-)

我有一个div,当我将鼠标悬停在它上面时,它内部的div会动画,然后当我停止徘徊时,它会动画回到原来的位置.但是如果我快速地将其悬停在它上面很多次,那么动画会排队并继续直到它们完成.示例:我很快快速地将div悬停在div上10次,而当我坐在那里时,div会动画10次.我不希望这些动画像这样排队.

这是我的脚本:

$(".call1").hover(
    function(){
        $(".call-label").animate({"bottom": "+=50px"}, "slow");
    },
    function(){
        $(".call-label").animate({"bottom": "-=50px"}, "slow");    
    }
);?

我有一个jsfiddle来说明我遇到的问题:http://jsfiddle.net/mqpbm/

我也尝试过.mouseover和.mouseout,以及.mouseenter和.mouseleave.所有人都这样做.

好吧，这就是我想要实现的目标（最好使用 JS/jQuery）： https: //dribbble.com/shots/3445331-Expanding-Button

悬停时，我需要一个圆形 div 展开为药丸形状，以便其他按钮可以弹出其中。当我再次单击“x”时，我需要它回滚到圆形。

我只知道如何使用 JS/jQuery 来扩展事物。我怎样才能做到这一点？我只是用插件搜索找不到任何东西。

我正在尝试制作一个对象倾斜的动画，然后将其设置正确。我的 JavaScript 看起来像这样：

function animate-tip(){
  document.getElementById("x").animate(
  [0% { transform: "rotate(0deg)"},
   30% { transform: "rotate(30deg)"},
   100% { transform: "rotate(0deg)"}],
   {
     duration: 500,
     iterations: 1
   })

显然这是不正确的语法。我怎样才能让这个动画按百分比工作？

我使用以下代码片段制作元素的背景浅蓝色,然后在30秒内慢慢淡化为白色:

$("#" + post.Id).css("background-color", "lightblue")
.animate({ backgroundColor: "white" }, 30000);

两个问题.

首先,有没有办法将不透明度淡化到100%？这样,如果我选择更改页面的背景颜色,我不必更改"白色"？

其次,大约每10或15次一次,背景保持浅蓝色并且不会褪色为白色.我正在使用最新版本的jQuery和UI核心.怎么可能出错？

编辑:赏金是解决第二个问题的问题.

EDIT2:

显然我被遗忘了,因为我说我推出了自己的解决方案,但没有显示出来.我的错.我不想自我推销.我的代码100%的工作时间,不需要jQuery.演示和代码可以在以下位置找到:

http://prettycode.org/2009/07/30/fade-background-color-in-javascript/

正如标题所说,我认为这个代码可以在更少的行中简化.有人可以帮我吗？

    $('a[href=#over]').click(function(){
    $('html, body').animate({
        scrollTop: $("#over").offset().top - 100
    }, 2000);
});

$('a[href=#diensten]').click(function(){
    $('html, body').animate({
        scrollTop: $("#diensten").offset().top - 100
    }, 2000);
});

$('a[href=#portfolio]').click(function(){
    $('html, body').animate({
        scrollTop: $("#portfolio").offset().top - 100
    }, 2000);
});

$('a[href=#contact]').click(function(){
  $("html, body").animate({ scrollTop: $(document).height() }, 2000);
});

$('a[href=#top]').click(function(){
    $('html, body').animate({scrollTop:0}, 2000);
    return false;
});

我当时正在考虑if/elseif语句,但我有点卡在那里.你能看一下吗？