Tuesday, January 20th, 2009

Sexy Page Curls

Category: Component, jQuery

<>p>

I thought that sexy curls were not related to technology, but Elliott Kember packaged a nice and easy page curl plugin using jQuery.

All you need to do is:

  1. <script type="text/javascript" src="turn/turn.js"></script>
  2. <link rel="stylesheet" type="text/css" href="turn/turn.css">
  3.  
  4. <script>
  5. $(document).ready(function(){
  6.     $( '#target' ).fold();
  7. });
  8. </script>

Related Content:

6 Comments »

Comments feed TrackBack URI

Hi there – thanks for the writeup! Could you please correct the spelling of my name? There are actually two ‘t’s. Thanks :)

Comment by elliottkember — January 20, 2009

heehee

Comment by jamiethompson — January 20, 2009

Looks great in FF, doesn’t work in IE though.

Comment by ccollett — January 20, 2009

haha doesnt work in IE. someone make it in moo

Comment by sidonaldson — January 20, 2009

I created a version for Green Any Site that opens/closes automagically onMouseOver/Out and looks great. As a bonus, it also works in IE.

Check it out at Green Any Site.

If you don’t want yours to always open automatically, you might want to detect IE, and only make it automatic in those cases… Else manual opening.

Comment by zzzrByte — January 20, 2009

Ha I was just thinking of doing this the other day. You know we have progress when you just have to think something and someone builds it. It needs a demo of using the curl as a page/slide transition.

Comment by sfoster — January 21, 2009

Leave a comment

You must be logged in to post a comment.