[JS]ちょい見せコンテンツを雑誌のようにペロッとめくるスクリプト -Animating Page Peel

ページの端にコンテンツをちょっとだけ見せて、マウスのホバーで雑誌のようにペロッとめくるスクリプトをSoh Tanakaから紹介します。

Simple Page Peel Effect with jQuery & CSS
demo

設置方法はHTML箇所を下記のように記述し、サイズや配置をスタイルシートとスクリプトで指定します。

<div id="pageflip">
	<a href="#">
		<img src="page_flip.png" alt="" />
		<span class="msg_block">Subscribe via RSS</span>
	</a>
</div>

Animating Page PeelはjQueryのプラグインのため、実装にはjquery.jsが必要です。

Post on:2009年5月13日