5

私は自分の紹介文を自分の概要ページに表示しようとしています。そこで、3つdivsを水平方向にスタイリングして、3つの紹介文を一度に表示します。

ここで私がやろうとしているのは、クエリでスライド効果を追加して1番目の3を非表示にし、次に2番目の3にさまざまな証言divsをロードする必要があることです。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;
}

コメント、アイデアは大歓迎です...

ありがとうございました..

4

4 に答える 4

2

これがjQueryカルーセル用の優れたプラグインです

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

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

また

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

ここでjsFiddleデモを参照してください：http： //jsfiddle.net/enve/GWhaz/

最初の3つ<li>は最初に表示され、他の3つは2000秒後に表示されます。

于 2012-12-21T09:39:58.313 に答える
2

これを試してみてください、軽量のjavascript jQueryライブラリ： http： //baijs.nl/tinycarousel/

于 2012-12-21T09:55:48.157 に答える
1

このようなもの？http://jsfiddle.net/gZkUV/1/

$('#id').show('slide', {direction: 'right'}, 1000);
于 2012-12-21T09:51:16.603 に答える
1

確かにjqueryを使用したい場合は、コミュニティですでに構築されているものを使用してください。これは、uが最初から作成するものよりもはるかに安全で柔軟なオプションです 。coin sliderまたはのようなものを使用してくださいjquery cycle plugin。プラグインを適用するhtmlマークアップに関する詳細がいくつかあります。それに従ってください、そしてあなたは終わりです。

于 2012-12-21T09:52:44.170 に答える