Advertisement

A lot of websites/blogs using page peel/page curl to add additional message such as advertisements at the corner. There are a lot of scripts that can achieve this function but unfortunately these scripts are not free.

Recently, 1 of my client requests me to implement page curl on his WordPress theme. So, I search through the internet and found some free and extremely simple ways to implement it.

1) Simple Page Peel Effect with jQuery and CSS by Soh Tanaka

simple-page-peel-effect-with-jquery-css
In this example, Soh Tanaka show us how to achieve the page peel effect using purely jQuery and CSS.

2) The Sexy Curls jQuery Plugin

sexy-curls-jquery-plugin
This is another open source jQuery plugin to achieve page peel/page curl effect by Elliott Kember. To use this plugin, you are required to install both jQuery and jQuery UI.

3) jQuery Page Peel 1.2 by Smpl Multimedia

jquery-page-peel-12
The jQuery Page Peel by Smpl Multimedia is a minimalist jQuery plugin that achieve page peel effect. Also, there are a lot of options for you.

4) How to create a page peel advertisement in WordPress

pcandweb-page-peel-for-wordpress
You had seen so many free jQuery scripts to create page peel effect, but what happen if you want to integrate it with your blog? You may follow the tutorial from PCandWeb if you are using WordPress.

5) WordPress Page Peel plugin

wordpress-page-peel-plugin
If you are using WordPress and want a cool Web 2.0 style flash page peel effect, then you should consider Page Peel plugin for WordPress by Avramovic. It comes with a admin configuration panel.

Conclusion

The first 3 methods using jQuery while the last 2 methods use flash to achieve page peel effect. Using Flash to achieve page peel will have better animation, while using jQuery will have smaller file size and load time.

So, it is depended on yourself to choose which method to use.