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

サイト構築 -JavaScript

ページの端にコンテンツをちょっとだけ見せて、マウスのホバーで雑誌のようにペロッとめくるスクリプトを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が必要です。

Related Posts

Post on:2009年5月13日

Trackback

leave your Comments

©2011 coliss