奥行きのある回転ができるjQuery - jQuery Roundabout

Javascript

奥行きのある回転ができるjavascriptのjQuery Roundaboutを試してみました。

jQueryを使用していますので、まずはjQueryをダウンロードして読み込みます。

jQueryを設置したら、次にjQuery Roundaboutをダウンロードします。以下のページから


jQuery Roundabout

ダウンロードをしたら、HTMLに読み込みます。

読み込み例

<script type="text/javascript" src="/common/js/jquery.js"></script>
<script type="text/javascript" src="/common/js/jquery.roundabout-1.0.min.js"></script>

そして適応したい箇所を記述します。

<script type="text/javascript">
	$(document).ready(function() {
		$('ul').roundabout();
	});
</script>

上記のように指定するとulの下li要素がくるくる回るようになります。

サンプルページ

サンプルページでは画像をまわしてますが、テキストでも大丈夫ですのでCSSの装飾次第で面白い演出ができるかもしれません。