Javascript 更改图像的背景位置?

Javascript 更改图像的背景位置?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,大家好,社区下午好。 我想移动你在这个图像中的背景位置作为视频 但别误会我有 谢谢 $(document).ready(function() { $('.imagen').mouseenter(function(){ var numero = -535; var suma; for (var i = 1; i <= 10; i++) { $(this).css({'backgroundPosition': su

大家好,社区下午好。 我想移动你在这个图像中的背景位置作为视频 但别误会我有 谢谢

$(document).ready(function() {
    $('.imagen').mouseenter(function(){
        var numero = -535;
        var suma;
        for (var i = 1; i <= 10; i++) {
            $(this).css({'backgroundPosition': suma+"px 0px"}, "-10");
            suma = numero * i;
        }
    }
});
$(文档).ready(函数(){
$('.imagen').mouseenter(函数(){
var numero=-535;
var suma;

对于(var i=1;i,您应该在
'
中使用
背景位置
而不是
背景位置
,并且出现语法错误,因为您没有关闭括号

$(文档).ready(函数(){
$('.imagen').mouseenter(函数(){
var numero=-535;
var suma;

对于(var i=1;i,您的脚本无法工作有两个原因

  • 您的CSS~jQuery元素未使用,下面是一个已使用的元素:

    $(this.css({'background-Position':suma+“px 0px”},“-10”)

  • 您在}中的一个中缺少);因此该函数未执行。(
    });


  • 对不起,这是链接Hushme我怎么不时地改变背景位置?你的意思是你也想要一个鼠标出功能?我需要一个不时地改变背景位置的功能来充当视频你的意思是像这样的吗
    $(document).ready(function() {
        $('.imagen').mouseenter(function(){
            var numero = -535;
            var suma;
            for (var i = 1; i <= 10; i++) {
                $(this).css({'background-position': suma+"px 0px"}, "-10");
                suma = numero * i;
            }
        }
    );
        });