Question

我有大约30个不同的徽标，我必须将它们全部放在页脚中，这些页面应该像这个页面页脚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/

在页脚wordpress内滑动照片

1 个答案: