在网上找的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. S2SH整合

    Struts2.Spring.Hibernate三大框架在一个项目中的具体职责分配如下: 三大框架整合,导入各个框架和整合所需的包(本项目采用的是Struts2.3+spring3.0+hiberna ...

  2. DAS,NAS,SAN在数据库存储上的应用

    DAS,NAS,SAN在数据库存储上的应用 一. 硬盘接口类型1. 并行接口还是串行接口(1) 并行接口,指的是并行传输的接口,比如有0~9十个数字,用10条传输线,那么每根线只需要传输一位数字,即可 ...

  3. Internet Liberity -- a specific anonymous internet guide

    Here we see. Please leave your comments if you have some views. Happy hacking! Free the internet!

  4. service structure flowchart [mobile to server via TCP/IP protocol]

    For instant message delivering

  5. Integer.parseInt(String s, int radix)方法介绍（修正版）

    先来说明一下Integer.parseInt(String s, int radix)的功能. Integer.parseInt(String s, int radix)就是将整数字符串s(radix ...

  6. C#中的文件操作1

    1. 文件操作常用相关类 a)File             //操作文件,静态类,对文件整体操作.拷贝.删除.剪切等. b)Directory       //操作目录(文件夹),静态类 c)Di ...

  7. CentOS7--iptables的配置

    在红帽RHEL7系统中firewalld服务取代了iptables服务,但依然可以使用iptables命令来管理内核的netfilter. iptables命令中则常见的控制类型有: ACCEPT:允 ...

  8. JavaScript进阶（四）

    现在说说什么是函数.函数的作用可以写一次代码,然后反复的重用这个代码.如:我们要完成多组数和的功能.var sum;sum=3+2;alert(sum); sum=7+8;alert(sum);... ...

  9. 事件拦截,仿qq侧拉的操作中

    1,处理DrawerLayout自定义的侧拉菜单时候,当手指点击listview的时候,不起作用,就是因为 手指滑动稍微有一点x方向的动作,抽屉控件就请求父控件(listview)不要拦截,这样lis ...

  10. 网页视频下载牛逼工具，支持各种格式转换，比如腾讯视频格式qlv转mp4

    这种思路真是创新,原文地址:http://jingyan.baidu.com/article/5225f26b03f047e6fb090860.html 软件工具名字:维棠下载. 上图: 1:搜索视频 ...