skuare.net

要素を一定時間で切り替えるサイトが多く見られるようになりました。
自分もそんな風にしたいという方は、まず「Quovolver | a simple jQuery plugin for revolving quotes」でお手軽に導入してみてはいかがでしょうか。

使用方法
Quovolver | a simple jQuery plugin for revolving quotesからjquery.quovolver.jsを、jQueryからjquery.jsをダウンロードします。
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="jquery.quovolver.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('要素名').quovolver();
});
</script>

あとは上記で指定した要素名を記述すれば完成です。
<div>
<h4>タイトル2</h4>
テキストテキストテキスト
</div>
<div>
<h4>タイトル1</h4>
テキストテキストテキスト
</div>

お手軽に要素を切り替えるJavaScript「Quovolver | a simple jQuery plugin for revolving quotes」サンプル