用jquery和javascript水平滑动div [英] sliding divs horizontally with jquery and javascript

问题描述

我试图在我的关于我们的页面上显示我的推荐信。在那里，我使用3 divs 以水平样式一次显示3个推荐。

I am trying to display my testimonials in my about us page. There I use 3 divs with styling horizontally to display 3 testimonials at once.

这里im试图做的是我想添加一些滑动效果与查询消失第一3 divs ，然后需要加载第二3 divs 与不同见证。等等..我做了HTML和CSS ..但不知道如何与查询...可以任何身体帮助我做到这一点..？

Here what im trying to do is I want to add some sliding effect with query to disappear 1st 3 divs and then need to load 2nd 3 divs with different testimonials. and so on.. I did HTML and CSS.. but no idea how to do it with query... can any body help me to do this..???

<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;
}

任何意见，任何想法都不胜感激...

any comments, any idea greatly appreciated...

谢谢你。

thank you..

推荐答案

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

Try this, lightweight javascript jQuery library: http://baijs.nl/tinycarousel/

这篇关于用jquery和javascript水平滑动div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！