Tag: background position

函数animate（）中backgroundposition的扩展名在IE7或IE8中不起作用: 此代码是由Alexander Farkas创建的扩展http://bit.ly/bZzOC8对于函数animate（）使用两个值非常有用，如下例所示： $(‘div’).animate({ backgroundPosition:'(0 -5500)’ },330); 不幸的是，当使用IE7或IE8时，此扩展名不起作用。下一个代码是backgroundPosition扩展： /** * @author Alexander Farkas * v. 1.02 */ (function($) { $.extend($.fx.step,{ backgroundPosition: function(fx) { if (fx.state === 0 && typeof fx.end == ‘string’) { var start = $.curCSS(fx.elem,’backgroundPosition’); start = toArray(start); fx.start = [start[0],start[2]]; var end = toArray(fx.end); fx.end = [end[0],end[2]]; fx.unit = [end[1],end[3]]; } var […]

jQuery Animate backgroundPosition无法正常工作: 我试图动画一些div的背景位置，然后是一个回调动画，它做同样的事情。我在这里想念的是什么？ HTML： CSS： .divimg { width:250px; height:250px; margin:20px; float:left; background-size: 500px 500px; background-position: top center; background-repeat: no repeat; background-image: url(http://lorempixel.com/186/116/nature/1); } JavaScript的： $(function() { function animateGrid() { $(‘.divimg’).animate( {backgroundPosition:”bottom center”}, 500, function() { $(‘.divimg’).animate( {backgroundPosition:”top center”}, 500) } ); } animateGrid(); }) http://jsfiddle.net/jc6212/WPF6H/2/

为什么我不能为backgroundPosition设置jquery 1.4.4的动画？: 我在这里看到jquery 1.5.0中缺少backgroundPosition动画是一个已知的bug。它还没有修好吗？看看这个jsfiddle ，在jquery 1.4.4中使用backgroundPosition动画，然后查看这个，看看它甚至在jquery 1.7.1中都不起作用。什么时候他们要解决这个问题？我想知道，因为我刚在Chrome控制台中看到一条警告说： event.layerX和event.layerY在WebKit中被破坏和弃用。它们将在不久的将来从发动机中移除。我担心我将继续使用jquery 1.4.4来制作动画function，但Chrome会在下次更新时提取function。 UPDATE 接受的答案是，使用background-position-x和y的想法不适用于Firefox。现在我将不得不回到1.4.4，直到找到更好的解决方案。

CSS背景位置从右到左动画: 我正在尝试为背景图像设置动画，以便图像从右到左显示。我使用的图像宽度大于背景所在的div容器的宽度。一开始，背景如下 background: url(../img/zeppelin.png); background-repeat: no-repeat; background-position: right; 但是当页面加载时，我想要对背景进行动画处理，使其位于左侧。这应该采取例如。 2秒，只应该做一次。（图像应该在之后左侧定位）。我不想使用任何鼠标事件或伪类。有没有办法通过只使用CSS来动画它？我尝试使用关键帧找到解决方案但没有成功。

修复IE中的背景位置: 当我运行一段使用jquery和2个jquery插件的代码时，我在IE7中遇到了这个问题。该代码适用于FF3和Chrome。完整的错误是： Line: 33 Char: 6 Error: bg is null or not an object Code: 0 URL: http://localhost/index2.html 然而，第33行是空白行。我正在使用2个插件：draggable和zoom。无论我对代码做什么，总是第33行出错。我通过查看源检查源是否有更新，但我觉得这可能对我说谎。 $(document).ready(function() { $(‘#draggable’).drag(); $(‘#zoom’).zoom({target_div:”draggable”, zoom_images:new Array(‘https://stackoverflow.com/questions/594870/fix-for-background-position-in-ie/tiles/mapSpain-smaller.jpg’, ’tiles/mapSpain.jpg’) }); }); 基本上我要做的是用jQuery重新创建Pragmatic Ajax地图演示。看来这段代码的第二行造成了麻烦： bg = $(this).css(‘background-position’); if(bg.indexOf(‘%’)>1){ 它似乎试图选择#draggable的背景位置属性而不是找到它？手动添加background-position: 0 0; 没有解决它。关于如何解决这个问题的任何想法？我尝试使用MS脚本调试器，但这几乎没用。无法检查变量或其他任何内容。

jQuery 1.6：backgroundPosition与backgroundPositionX和FF4的兼容性: 试图升级jQuery插件’iCheckbox’（http://stackoverflow.com/questions/6032538/）以上工作jQuery 1.4.4我发现使用 animate({backgroundPosition:’10px 0px’}) 需要改为 animate({backgroundPositionX: ’10px’, backgroundPositionY: ‘0px’}) 因为只应使用带有一个参数的属性。到目前为止，这是有道理的，但等等..虽然它在Safari和Chrome中运行良好，但它不适用于FF4（全部在Mac上）.. 所以我尝试了这个，并最终发现，如果我改变它 animate({backgroundPosition: ’10px’}) 它无处不在！但是这里发生了什么？现在我只给出一个参数，它可以工作，但是我没有指定它是否适用于X轴或Y轴（所以它默认为X轴似乎……但是如果我希望它在Y轴上工作怎么办？）这看起来很奇怪，我的解决方案不能成为正确的方法..所以我需要一些建议：这是怎么回事？如何使用jQuery 1.4 – 1.6动画背景位置，以便它可以在浏览器中运行？

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, […]