jQuery的animate参数不支持backgroundPosition
发布网友
共2个回答
热心网友
支持的，写法如：xx.stop().animate({backgroundPositionX:300px,backgroundPositionY:200px})
只是部分浏览器支持的不是很理想。需要配合插件来支持。推荐插件animateBackground-plugin.js（自己百度名字）
热心网友
<!DOCTYPE HTML>
<html>
<head>
<meta charset=UTF-8 />
<title>test</title>
<script src="jquery1.8/jquery-1.8.0.min.js">
</script>
<script>
jQuery(function($) {
$("div").animate({
backgroundPositionX: "-120px",
backgroundPositionY: "0px"
}, "slow", function(){
$("div").css("background-position", "0px 0px");
});
});
</script>
</head>
<body>
<div style="width: 1600px; height: 204px; background: url(http://s0.hao123img.com/res/skin/feichuan/body_bg.jpg) no-repeat center top;"></div>
</body>
</html>
