trượt div theo chiều ngang với jquery và javascript

Question

Tôi đang cố gắng hiển thị lời chứng thực của mình trong trang giới thiệu về chúng tôi. Ở đó tôi sử dụng 3 divs với kiểu dáng theo chiều ngang để hiển thị 3 lời chứng thực cùng một lúc.

Ở đây những gì tôi đang cố gắng làm là tôi muốn thêm một số hiệu ứng trượt với truy vấn biến mất 1st 3 divs và sau đó cần tải 2 3 divs với các lời chứng thực khác nhau. và như vậy .. Tôi đã làm HTML và CSS .. nhưng không có ý tưởng làm thế nào để làm điều đó với truy vấn ... có thể bất kỳ cơ thể giúp tôi làm điều này .. ???

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

bất kỳ ý kiến, bất kỳ ý tưởng đánh giá cao ...

cảm ơn bạn ..

Answer 1

Hãy thử điều này, trọng lượng nhẹ javascript jQuery thư viện: http://baijs.nl/tinycarousel/

Answer 2

Đây là một plugin tuyệt vời cho jQuery carousel

http://sorgalla.com/projects/jcarousel/

Github:https://github.com/jsor/jcarousel

hoặc

Github:https://github.com/SSilence/simple.carousel

Xem jsFiddle bản demo ở đây: http://jsfiddle.net/enve/GWhaz/

Đầu tiên ba <li> đang hiển thị đầu tiên và ba người khác đang hiển thị sau năm 2000 sec.

Answer 3

Một cái gì đó như thế này? http://jsfiddle.net/gZkUV/1/

$('#id').show('slide', {direction: 'right'}, 1000); 

Answer 4

nếu bạn chắc chắn muốn sử dụng jquery, sử dụng một cái gì đó đã được xây dựng và ngoài kia trong community.that sẽ xa an toàn và tùy chọn linh hoạt hơn so với bất cứ điều gì u tạo từ đầu .. Sử dụng một cái gì đó giống như coin slider hoặc jquery cycle plugin. Họ có một số chi tiết cụ thể về đánh dấu html mà u áp dụng plugin. Theo đó và bạn đã làm xong.