javascript - 在页脚 WordPress 中滑动照片

Question

我有大约 30 个不同的 Logo ，我必须将它们全部放在页脚中，页脚应该像本页页脚 http://laravel.com/ 中那样滑动这些图像。 ，背景慢慢滑过。我怎样才能做到这一点？

Answer 1

您可以将此代码与 jQuery 一起使用:

HTML:

<div id="silde">
</div>

CSS:

#silde{
    height:191px;
    width:100%;
    background-image: url(http://laravel.com/assets/img/quotes.jpg);
    background-position: 0 0;
}

Js:

$(document).ready(function(){
    var posi = 0 ;
    setInterval(function(){
        posi++;
        $("#silde").css("background-position",posi+'px 0');
        }, 200);
});

您可以使用posi++向右移动，posi--向左移动。 您可以在此处查看示例:http://jsfiddle.net/4bbykut3/1/