jquery.animate background-position不起作用

前端之家收集整理的这篇文章主要介绍了jquery.animate background-position不起作用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试使用动画创建背景位置更改.
但由于某种原因,它不起作用.
<script language="javascript" src="http://code.jquery.com/jquery-1.5.min.js"></script>
<div class="moveme" style="height:80px;width:240px;background-image:url('http://www.google.de/intl/en_com/images/srpr/logo1w.png');background-repeat:no-repeat"></div>

<script language="javascript">
    $('.moveme').css("background-position","0px 0px").animate({backgroundPosition:"-100px 10px"});
</script>

想法?

解决方法

jQuery默认不支持功能.

您可以使用插件,如:http://plugins.jquery.com/project/backgroundPosition-Effect

编辑:

我错了,它有效:

$(function() {
  $('.moveme').css("backgroundPosition","0px 0px").animate({"backgroundPosition":"-100px 10px"});
});

如果你输入地址栏,它可以工作,但似乎我不能在jsfiddle上工作,奇怪… xD

猜你在找的jQuery相关文章