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

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

sponsors

使用方法

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>

サンプル

タイトル1

テキストテキストテキスト
テキストテキストテキスト
テキストテキストテキスト
テキストテキストテキスト

タイトル2

テキストテキストテキスト
テキストテキストテキスト
テキストテキストテキスト
テキストテキストテキスト

タイトル3

テキストテキストテキスト
テキストテキストテキスト
テキストテキストテキスト
テキストテキストテキスト

タイトル4

テキストテキストテキスト
テキストテキストテキスト
テキストテキストテキスト
テキストテキストテキスト

sponsors


Javascriptサンプルページ一覧
skuare.net