jQuery的animate参数不支持backgroundPosition

发布网友发布时间：2024-10-21 23:18

共2个回答

热心网友时间：2024-11-14 08:39

支持的，写法如：xx.stop().animate({backgroundPositionX:300px,backgroundPositionY:200px})

只是部分浏览器支持的不是很理想。需要配合插件来支持。推荐插件animateBackground-plugin.js（自己百度名字）

热心网友时间：2024-11-14 08:43

<!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>