jQuery的动画顺序问题

所以我已经得到了改变它在mousehover背景的标志，我想有5个diferent背景，每一个在mousehover显示，不是随机的，并回到第一的背景时，第5 mousehover已经完成了。我怎样才能做到这一点？jQuery的动画顺序问题

这里的jQuery脚本

$(document).ready(function(){ 
    $("#logo").hover(
    function() { 
    $(this).stop().animate({"opacity": "0"}, "slow"); 
    }, 
    function() { 
    $(this).stop().animate({"opacity": "1"}, "slow"); 
    }); 
});

和CSS

div#logo{ 
    background-image:url(../images/logo.png); 
    background-repeat:no-repeat; 
    width:216px; 
    height:235px; 
    position:absolute; 
    right:45px; 
    top:5px; 
    z-index:12; 
} 

div#logo_hover{ 
    background-image:url(../images/logo_hover_blue.png); 
    background-repeat:no-repeat; 
    width:216px; 
    height:235px; 
    position:absolute; 
    right:45px; 
    top:5px; 
    z-index:11; 
}

编辑：

我跟着斯科特M.意见和得到这个代码：

$("#logo").click(function() { 
    var color = $(this).css("background-image", "background" + bgnum + ".png"); 
});

它可能失去了一些东西......

，但问题是我不知道如何与他们各自的图像添加其他的div（LOGO1，LOGO2，logo3和logo4），并保持从那时起直到其轮到自己上mousehover无形，最好的办法是什么？显示：无？

来源

2009-11-12 Bruno

请编辑您的问题并格式化您的代码块。 – 2009-11-12 19:50:45

你真正的问题是什么？ – 2009-11-12 19:51:57

对不起的块我试图有5个不同的图像在鼠标悬停（每个人都有一种颜色）显示一次，然后按照第二个图像等..直到第五个图像显示，然后重新启动到第一个图像，这实际上是可能的吗？就像一个不断变化的鼠标移动，你会看到图像，然后你会看到一种颜色，但是如果你删除了你的指针并再次翻转图像，颜色就会改变。 – Bruno 2009-11-12 20:00:55

您可以维护一个计数器（例如bgnum）并将其与文件名连接以获取每个背景。然后悬停设置使用

.css("background-image", "background" + bgnum + ".jpg")

然后递增计数器的CSS，并通过5国防部所以它永远不会过去的，你有背景的数量。

bgnum = (bgnum + 1) % 5;

来源

2009-11-12 19:59:27

对不起，我仍然是一个jquery上的巨大新手...我将如何将bgnum计数器放在我的代码上？ – Bruno 2009-11-12 20:09:11

它的一个变量，独立于jquery，但在你的代码中使用。在你的函数外声明它为'var bgnum = 0;' – 2009-11-12 20:28:10

jQuery的动画顺序问题

回答

相关问题