jQueryとCSSで驚きのページめくり効果を作るサンプル:phpspot開発日誌

Simple Page Peel Effect with jQuery & CSS jQueryとCSSで驚きのページめくり効果を作るサンプル。 利用者に対して驚きを与えるだけでなく、スペースも有効に使える便利なサンプルが公開されていました。 綺麗なアニメーションをするも、Flashは使っておらず、jQueryとCSSで表現されているところが凄くてそのテクニックにも注目。 以下のようなＵＩがあります。 右上のめくったところにカーソルを合わせるとペローンとページがめくられ、少ないスペースだったのに情報が表示されます。 該当のコードですが、以下のように、jQueryのanimateによって実現されています。 $("#pageflip").hover(function() { //On hover... $("#pageflip img , .msg_block").stop() .animat

[quintn]

ページめくりアニメ

[turunto]

ページめくり

[zma]

　やってみよう

[jun_okuno]

面白い発想。

[fujiyaaama]

jQueryとCSSで驚きのページめくり効果を作る

[yoshiii]

ぺらぺらとページをめくるというアレが！！！。

[sima-box]

ページ右上がめくれる効果

[edo_m18]

ちょっとした演出に。

[toaruR]

IE6で微妙

[ktakeda47]

「・・・jQueryとCSSで驚きのページめくり効果を作るサンプル。・・・」