jquery背景精灵的背景定位

jquery背景精灵的背景定位,jquery,html,css,Jquery,Html,Css,加载时-我将以下内容作为动画、精灵的CSS背景位置和文本块的外观运行。一切都在css.background中运行。有人知道为什么jquery似乎忽略了css调用吗?还是一个建议的解决方案 function roll_a() { $("#a").css("background-position", "0px -444px"); $("#a_text").delay(1000).slideDown(); $("#a").css("background-position", "0px 0px"); $

加载时-我将以下内容作为动画、精灵的CSS背景位置和文本块的外观运行。一切都在css.background中运行。有人知道为什么jquery似乎忽略了css调用吗?还是一个建议的解决方案

function roll_a() {
$("#a").css("background-position", "0px -444px");
$("#a_text").delay(1000).slideDown();
$("#a").css("background-position", "0px 0px");
$("#a_text").delay(500).slideUp();

$("#b").css("background-position", "0px -216px");
$("#b_text").delay(2000).slideDown();
$("#b").css("background-position", "0px 0px");
$("#b_text").delay(500).slideUp();
}
然而,这在其他地方起作用,但仅在鼠标上方

    $("#a").mouseenter(function() {
    $("#a").css("background-position", "0px -444px");
    $("#a_text").slideDown();
    }).mouseleave(function() {
    $("#a").css("background-position", "0px 0px");
    $("#a_text").slideUp();
    });

我认为jQuery中正确的语法是:

$("#a").css("backgroundPosition", "0px -444px");
背景位置而不是背景位置已解决

JQuery太快了。。。。它会在瞬间移动背景位置,甚至不会眨眼。通过使用setTimeout,可以将其速度降低到足以显示效果的程度

$("#a_text").delay(1000).slideDown();
   setTimeout( function(){
   $("#a").css("background-position", "0px -444px");
},1000);

$("#a_text").delay(500).slideUp();
   setTimeout( function(){
   $("#a").css("background-position", "0px 0px");
},2000);

你能在fiddle mate上发布一个完整的例子吗?如果你使用一些背景位置,你应该在某个地方有一个背景图像,你也可以显示吗?