Sexy Page Curls

<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:

PLAIN TEXT

HTML:

<script type="text/javascript" src="turn/turn.js"></script>
<link rel="stylesheet" type="text/css" href="turn/turn.css">
<script>
$(document).ready(function(){
$( '#target' ).fold();
});
</script>

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

Ajax Questions and Answers

Caching and dynamic views
My client does not want to change his cache settings on IE and I'm trying to figure out a way to dynamically update a view each time it is visited. I...

JQuery Function Not Defined?

Hi there,

I'm trying to set a php session variable from a radio button. The idea is that a jquery function is called which...

IE 8 Crashing Problem
Hello Everyone, Here\'s the situation: two iSeries boxes - Dev and Prod both V5R4M0 We\'re using AJAX to dynamically load content using a tabbed...