火狐不支持backgroundPosition的js插件
2024-10-12 18:34:24
用js backgroundPositionX,backgroundPositionY设置在firefox下无法识别,用backgroundPosition同样在火狐无法识别。
要识别只能用js插件来实现的,代码如下:
/**
* @author Alexander Farkas
* v. 1.02
*/
(function($) {
$.extend($.fx.step,{
backgroundPosition: function(fx) {
if (fx.state === && typeof fx.end == 'string') {
var start = $.curCSS(fx.elem,'backgroundPosition');
start = toArray(start);
fx.start = [start[],start[]];
var end = toArray(fx.end);
fx.end = [end[],end[]];
fx.unit = [end[],end[]];
}
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[]; 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 [parseFloat(res[],),res[],parseFloat(res[],),res[]];
}
}
});
})(jQuery);
用法加一个jq库和这个插件
$(".bgpos").animate({backgroundPosition:"(-20px 94px)"},300);
$(".bgpos").css({backgroundPosition: "-20px 35px"});
如果定义一个变量方法如下:
var a=9;
$(".bgpos").animate({backgroundPosition:0+' '+a},300);
最新文章
- POJ2455Secret Milking Machine[最大流 无向图 二分答案]
- embed标签loop=true背景音乐无法循环
- 国产达梦数据库的结合Enterprise Library的应用开发
- event.srcElement 用法笔记e.target
- MongoDB安装并设置为windows服务以使其开机自启
- python 多线程threading
- glut编译问题 (程序无法运行)
- MySQL复制-设置延迟复制
- 【转】如何使用KeyChain保存和获取UDID
- nginx 搭建rtmp流媒体所用资源
- zookeeper 丢失事件/miss event
- Loser应该知道的6个残酷人生事实(血泪翻译)
- STL-Vector源码剖析
- Spring.Net实现跨数据库服务层事务管理
- UNITY 多个子MESH与贴图的对应关系
- C#排队处理DEMO
- 20145106 《Java程序设计》第10周学习总结
- 深入浅出Redis-redis哨兵集群[转]
- 102-advanced-代码分割
- LOJ#6045. 「雅礼集训 2017 Day8」价(最小割)