Question

大家好我只是想知道是否有人知道如何将此css / jquery代码转换为javascript DOM代码？

我开始使用javascript DOM为项目编写整个代码，然后我发现这段代码会使背景图像在无限循环中向上移动。

我只需要帮助找出如何转换代码，因为我对jquery一无所知。

    $(function(){
            var x = 0;
            setInterval(function(){
                $('body').css('background-position','0'+--x + 'px');
            }, 10);
    })

    html,body {    height: 100%; overflow: hidden;}
    body {
        background-image: url('http://lorempixel.com/1900/1200/');
        background-repeat: repeat-y;
        background-size: 100% 100%;
    }

html,body {    height: 100%; overflow: hidden;}
body {
    background-image: url('http://lorempixel.com/1900/1200/');
    background-repeat: repeat-y;
    background-size: 100% 100%;
}

$(function(){
        var x = 0;
        setInterval(function(){
            $('body').css('background-position','0'+--x + 'px');
        }, 10);
})

Answer 1

$('body')选择body元素; .css(prop, value)将CSS属性prop设置为value。使用普通的DOM API，您可以使用document.body来获取正文，并通过分配元素的style上的属性来指定样式，并注意到带连字符的名称变为camelCase。

var x = 0;

setInterval(function () {
    document.body.style.backgroundPosition = '0 ' + --x + 'px';
}, 10);

如何将此jquery代码转换为javascript DOM代码？

1 个答案: