让firefox支持背景动画
// for supporting background-position animation in firefox(function($) {if(!document.defaultView || !document.defaultView.getComputedStyle){ // IE6-IE8var oldCurCSS = $.curCSS;$.curCSS = function(elem, name, force){if(name === 'background-position'){name = 'backgroundPosition';}if(name !== 'backgroundPosition' || !elem.currentStyle || elem.currentStyle[ name ]){return oldCurCSS.apply(this, arguments);}var style = elem.style;if ( !force && style && style[ name ] ){return style[ name ];}return oldCurCSS(elem, 'backgroundPositionX', force) +' '+ oldCurCSS(elem, 'backgroundPositionY', force);};}var oldAnim = $.fn.animate;$.fn.animate = function(prop){if('background-position' in prop){prop.backgroundPosition = prop['background-position'];delete prop['background-position'];}if('backgroundPosition' in prop){prop.backgroundPosition = '('+ prop.backgroundPosition;}return oldAnim.apply(this, arguments);};function toArray(strg){strg = strg.replace(/left|top/g,'0px');strg = strg.replace(/right|bottom/g,'100%');strg = strg.replace(/(+)(\s|\)|$)/g,"$1px$2");var res = strg.match(/(-?+)(px|\%|em|pt)\s(-?+)(px|\%|em|pt)/);return ,10),res,parseFloat(res,10),res];}$.fx.step.backgroundPosition = function(fx) {if (!fx.bgPosReady) {var start = $.curCSS(fx.elem,'backgroundPosition');if(!start){//FF2 no inline-style fallbackstart = '0px 0px';}start = toArray(start);fx.start = ,start];var end = toArray(fx.end);fx.end = ,end];fx.unit = ,end];fx.bgPosReady = true;}//return;var nowPosX = [];nowPosX = ((fx.end - fx.start) * fx.pos) + fx.start + fx.unit;nowPosX = ((fx.end - fx.start) * fx.pos) + fx.start + fx.unit; fx.elem.style.backgroundPosition = nowPosX+' '+nowPosX;};})(jQuery);$('#bganim').animate({ 'background-position': '-1999px 0' }, 30000);
页:
[1]