javascript - 使用 jquery 和 javascript 水平滑动 div

Question

我正尝试在我的关于我们页面中显示我的推荐。在那里我使用了 3 个 div 水平样式来一次显示 3 个推荐。

这里我想做的是我想添加一些带有查询的滑动效果以消失 1st 3 divs 然后需要加载 2nd 3 divs 不同的推荐。等等..我做了 HTML 和 CSS..但不知道如何用查询来做...任何人都可以帮我做这件事..???

<div class="testimonials">
    <div class="cols">
        contents...1st time                    
    </div>
    <div class="cols">
        contents...1st time       
    </div>
    <div class="cols">
        contents...1st time       
    </div>

    <div class="cols">
        contents...2st time                    
    </div>
    <div class="cols">
        contents...2st time       
    </div>
    <div class="cols">
        contents...2st time       
    </div>

</div>


.testimonials {
    width: 640px; 
    height: 300px;
    //background: red; 
}

.cols {
    width: 150px;
    height: 200px;
    margin: 0 20px 0 0;
    background: gray;
    float: left;
}

任何评论，任何想法都非常感谢...

谢谢你..

Answer 1

试试这个，轻量级的 javascript jQuery 库: http://baijs.nl/tinycarousel/