我正在尝试使用动画创建背景位置更改.
但由于某种原因,它不起作用.
但由于某种原因,它不起作用.
<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