在网上找的ffSupp.js文件

/**

 * 自定义backgroundPosition的animate，支持火狐，jQuery1.8以上版本

 * @author Meleong

 * v1.00

 */

(function($) {

    $.fx.step["backgroundPosition"] = function(fx) {

        if (typeof fx.end == 'string') {

            fx.start = getBgPos(fx.elem);

            //fx.end原本是一个string，这里将它转换成数组，就不会再进入这个if，也方便我们下面的计算

            //例 "0px -21px"

            fx.end = [parseFloat(fx.end.split(" ")[0]), parseFloat(fx.end.split(" ")[1])];

        }

        //这里fx.pos是根据传入的时间参数，从0到1变化的浮点数

        var nowPosX = ((fx.end[0] - fx.start[0]) * fx.pos) + fx.start[0] + fx.unit;

        var nowPosY = ((fx.end[1] - fx.start[1]) * fx.pos) + fx.start[1] + fx.unit;

        fx.elem.style.backgroundPosition = nowPosX + ' ' + nowPosY;

        /**

         * 获取backgroundPosition数组[top, left]，没有单位

         */

        function getBgPos(elem) {

            var top  = 0.0;

            var left = 0.0;

            if ($(elem).css("backgroundPosition")) {

                //例 "0px -21px"

                top  = parseFloat($(elem).css("backgroundPosition").split(" ")[0]);

                left = parseFloat($(elem).css("backgroundPosition").split(" ")[1]);

            }else{

                top  = parseFloat($(elem).css("backgroundPositionX"));

                left = parseFloat($(elem).css("backgroundPositionY"));

            }

            return [top, left];

        }

    }

})(jQuery);

在animate.html中这样写(部分代码)

<body>

    <script src="jquery-1.11.3.js"></script>

    <script language="javascript">

          for(var j0=0;j0<5;j0++){

		var juli0=j0*29*(-1)+"px";

		var juli00="0px"+"\u0020"+juli0;

		$("#num"+(j0+1)).animate({

			backgroundPosition:juli00}, 1500);}

    </script>

    <script src="ffSupp.js"></script>

</body>

　　

jQuery的animate在火狐浏览器上不支持backgroundPositionX的解决方法的更多相关文章

  1. 【前端】jQuery的animate在火狐浏览器上不支持backgroundPosition的解决方法

    转载请注明出处:http://www.cnblogs.com/shamoyuu/p/4375678.html jQuery的animate是一个非常好用的东东,但某些动画效果支持得不够好,比如back ...

  2. JQuery Mobile 的引用代码，以及在手机浏览器上字体太小的解决办法

    JQuery Mobile 的引用代码: <link rel="stylesheet" href="http://code.jquery.com/mobile/1. ...

  3. iphone 浏览器自动解析数字为号码解决方法

    iphone 浏览器自动解析数字为号码解决方法 www.MyException.Cn  网友分享于:2015-10-09  浏览:0次   iphone 浏览器自动解析数字为号码解决办法 在工作中遇到 ...

  4. Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法

    Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法 2014-03-27 11:44:46|  分类: Easy UI|举报|字号 订阅     可以使用$.parser.pa ...

  5. 001. 使用ssh连接不上centos 6.5的解决方法及其解决中文乱码

    1. 使用ssh连接不上centos 6.5的解决方法: 错误显示: Connecting to 192.168.1.106:22... Could not connect to '192.168.1 ...

  6. 【转】PLSQL developer 连接不上64位Oracle 的解决方法

    PLSQL developer 连接不上64位Oracle 的解决方法 快乐无极 , 2012/06/13 10:10 , 开发文档 , 评论(6) , 阅读(140430) , Via 本站原创 大 ...

  7. PLSQL developer连接不上64位Oracle的解决方法

    PLSQL developer连接不上64位Oracle的解决方法 64位下装Oracle 11g 64位,PLSQL Developer使用出现问题. 问题描述: 登录对话框中,数据库下拉框为空: ...

  8. Unable to find ‘struts.multipart.saveDir’ Struts2上传文件错误的解决方法

    Unable to find ‘struts.multipart.saveDir’ Struts2上传文件错误的解决方法 在使用struts2的项目中上传文件的时候出现了一个这样的错误: 2011-7 ...

  9. 【转】Windows2008上传大文件的解决方法（iis7解决上传大容量文件）

    2008上传大文件的解决方法:http://wenku.it168.com/d_000091739.shtml 2003上传大文件的解决方法:http://tech.v01.cn/windowsxit ...

随机推荐

  1. 依赖注入(DI)和Ninject

    [ASP.NET MVC 小牛之路]04 - 依赖注入(DI)和Ninject 本文目录: 1.为什么需要依赖注入 2.什么是依赖注入 3.使用NuGet安装库 4.使用Ninject的一般步骤 5. ...

  2. 页面缓存OutputCache

    更新页面缓存OutputCache   为什么要使用OutputCache 我认为OutputCache是最简单的缓存技术了,它针对的是页面级别的,简单的一条指令就可以达到缓存的效果,有效的减轻服务器 ...

  3. PHP, Python Nginx works together!

    Nginx is so good at delivering requests to many others. Good! Now let's use the nginx upstream modul ...

  4. [置顶] SQL注入安全分析

    (一)       应用环境列表 网络互联设备操作系统 序号 操作系统名称 设备名称 脆弱性 1 IOS_路由器_内部_1 route1 2 IOS_路由器_VPN_1 路由器_VPN_1 3 IOS ...

  5. [每日一题] OCP1z0-047 :2013-07-16 主键与唯一索引

    主键包括非空和唯一约束,它会自动创建唯一索引(注:唯一约束也会自动创建唯一索引),测试如下: 1. 创建一个表products gyj@OCM> Create table products( 2 ...

  6. android应用程序fps meter[帧数显示]的分析 —— 浅谈root的风险 (1)

    fps meter是常用的检测帧率的软件,该软件需要root权限才能工作,一直比较好奇它一个apk是如何知道系统当前的帧率情况的,就针对此apk分析了一下其工作原理. Apk组成 首先看一下apk的组 ...

  7. 快速提高Android开发调试的使用技巧

    留在这里备忘,同时如果对其他人有帮助,那就再好不过了. 1.过滤Android程序出现的异常和崩溃 adb logcat |grep --color=auto -E "System.err| ...

  8. 开源中文分词工具探析（三）：Ansj

    Ansj是由孙健(ansjsun)开源的一个中文分词器,为ICTLAS的Java版本,也采用了Bigram + HMM分词模型(可参考我之前写的文章):在Bigram分词的基础上,识别未登录词,以提高 ...

  9. ipc 入侵步骤

    第一步:建立IPC隧道net use \\10.56.204.186\IPC$ "密码" /user:"用户"     第二步:映射对方c盘到本地z盘net u ...

  10. npoi导入--从varchar数据类型到datetime数据类型转换产生一个超出范围的值问题

    一,导入问题如图: 二,解决方法和原因: 1,经过调试发现导入获取到的日期数据被装换成1/1/10 0:00,如下图: 而将以上的数据插入数据库类型为datatime的列时会报错 2,经过去了解npo ...