jQury animate操作 background-position 方法
来源:互联网 发布:如何设计一个软件 编辑:程序博客网 时间:2024/05/17 07:22
今天遇到一个奇怪的问题,在使用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,看到其中的写法为
backgroundPositionX:300px,backgroundPositionY:200px
经过尝试确实解决了问题。
好吧,有点晕。不过还是理解了。
我的实战代码如下:
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); };});
0 0
- jQury animate操作 background-position 方法
- JQury中设置元素自定义动画animate方法
- background-position
- background-position
- background-position
- background-position
- background-position
- background-position
- background-position
- background-position
- background-position
- background-position
- background-position
- .animate() 方法只可以操作以下样式
- jquery方法animate操作图片移动
- jQury的toggle()方法
- Qt之QSS中替代background-position的方法。
- Animate方法
- 在Mathematica中定义矩阵的半张量积运算
- 使用adb解锁
- CF #244 (Div. 2)D
- bzoj 3238: [Ahoi2013]差异
- (可视化模型表现)Visualizing Model Performance
- jQury animate操作 background-position 方法
- Android之TextView实现跑马灯的效果(笔记)
- C#求平均分和高于平均分的同学姓名。
- linux下动态库的符号冲突、隐藏和强制优先使用库内符号
- [Hnoi2013]游走(bzoj3143)
- java通过HTTP接收xml和返回xml
- POJ 3111 K Best(最大化平均值)
- zoj2112(单点修改区间第K小)
- 将成员变量声明为private和用非成员、非友友提高封装性(Effective C++_22、23))