jquery背景精灵的背景定位
加载时-我将以下内容作为动画、精灵的CSS背景位置和文本块的外观运行。一切都在css.background中运行。有人知道为什么jquery似乎忽略了css调用吗?还是一个建议的解决方案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"); $
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上发布一个完整的例子吗?如果你使用一些背景位置,你应该在某个地方有一个背景图像,你也可以显示吗?