Question

jquery如何动态修改background position的值

Answer 1

修改jquery修改background-position的值可以使用jQuery CSS 操作 - css() 方法。

定义和用法

　　css() 方法返回或设置匹配的元素的一个或多个样式属性。

设置 CSS 属性语法

　　$(selector).css(name,value)

实例

　　将所有背景图片的位置：

   $("div").css("background-position","-12px -12px");

拓展：设置多个 CSS 属性/值对

　　$(selector).css({property:value, property:value, ...})
      

　　把“名/值对”对象设置为所有匹配元素的样式属性。

　　这是一种在所有匹配的元素上设置大量样式属性的最佳方式。

Answer 2

修改background-position的值：$.css({backgroundPosition:10});

动态修改的话用 $.animate({backgroundPosition:10},normal);

---------------------------------------
$.css(properties)
参数
propertiesMap要设置为样式属性的名/值对
$("p").css({ color: "#ff0011", background: "blue" });

$.animate(params, [duration], [easing], [callback])
参数
paramsOptions一组包含作为动画属性和终值的样式属性和及其值的集合
duration (可选)String,Number三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如：1000)
easing (可选)String要使用的擦除效果的名称(需要插件支持).默认jQuery提供"linear" 和 "swing".
callback (可选)Function在动画完成时执行的函数

Answer 3

$(对象).css({"backgroundPosition":"10px 10px"});

Answer 4

可以通过$("#id").css("background","XXXXXX");$("#id").css("position","XXXX");修改