Posted: 2011.02.25 / Category: javascript / Tag: jQuery, Twitter Twitterのトップページは人気のツイートが次々とスライドして表示されてますね。 この記事ではjQueryを使用して見た目のスライドするだけの部分を再現してみたいと思います。 ベースとなるhtml+css Twitterの場合は裏でajax的なことを色々やっているのだと思いますが、見た目しか再現しないのでプレーンなhtmlを使用します。 html <div id="slide"> <ul> <li> <strong>2011.02.01</strong> 最初です。最初だけどむしろ最後です。 </li> <li> <strong>2011.02.12</strong> Twitterのトップページのようにコンテンツを一定の時間でスライドさせてみます。<br /
![jQueryでTwitterのトップページのように一定のタイミングでコンテンツをスライドさせる](https://cdn-ak-scissors.b.st-hatena.com/image/square/4a3a2973dd7939605d3daca5f8858bbc32b103b0/height=288;version=1;width=512/https%3A%2F%2Fwww.webopixel.net%2Fimg%2Fog.png)