jQury animate操作 background-position 方法
2015-09-08 13:07
204 查看
今天遇到一个奇怪的问题,在使用jQury animate操作background-position的时候,怎么都不成功,在换成了css方法之后就成功了。问题是,css方法是没有动画效果的。
经过百度搜索了一番,语焉不详。CSDN上找到一篇文章:http://blog.csdn.net/goodshot/article/details/8648706,其中说到,animate操作的CSS参数是包括background-position的,但是写法要求是这样“backgroundPosition”赶紧尝试了一下,结果依然是失败。
到底为什么呢?又在知乎上找到了一条内容http://www.zhihu.com/question/20611410,看到其中的写法为
经过尝试确实解决了问题。
好吧,有点晕。不过还是理解了。
我的实战代码如下:
经过百度搜索了一番,语焉不详。CSDN上找到一篇文章:http://blog.csdn.net/goodshot/article/details/8648706,其中说到,animate操作的CSS参数是包括background-position的,但是写法要求是这样“backgroundPosition”赶紧尝试了一下,结果依然是失败。
到底为什么呢?又在知乎上找到了一条内容http://www.zhihu.com/question/20611410,看到其中的写法为
[code]backgroundPositionX:300px,backgroundPositionY:200px
经过尝试确实解决了问题。
好吧,有点晕。不过还是理解了。
我的实战代码如下:
[code]Butt.on("click",function(){ var Ml = parseInt(XinBox.css('margin-left')), T = $(this); if (Ml==0) { XinBox.animate({"margin-left":"-495px"}, 200); T.animate({"backgroundPositionX":"0"}, 200); } else{ XinBox.animate({"margin-left":"0"}, 200); T.animate({"backgroundPositionX":"-56px"}, 200); }; });
相关文章推荐
- bzoj 3238: [Ahoi2013]差异
- JMeter性能测试基础 (3) - 使用参数文件做搜索引擎性能对比
- JQuery实现鼠标经过事件
- CF #244 (Div. 2)D
- BZOJ 2257: [Jsoi2009]瓶子和燃料 裴蜀定理
- as3.0----flash复制功能在网页上面的小小应用
- 在Mathematica中定义矩阵的半张量积运算
- 百度之星的第二个问题
- 程序员能看懂的笑话
- armv7架构下lubuntu系统apt-get安装ffmpeg方法
- Android之AutoCompleteTextView自动匹配(笔记)
- Android代码优化——使用Android lint工具
- javascript canvas fps 帧速率计算
- 2012中国国家集训队命题答辩tree(伍一鸣)
- cocos2d-x 内存管理浅析
- 检查软件下载是否完整 MD5 工具使用 ----- md5sum
- 软件安全学习笔记(4):磁盘的物理逻辑结构
- android Shader类简介_渲染图像示例
- 加载模块时出现unknown partition table 的原因
- 统计二进制中1的个数