We love Web 2.0

Your own voice on the web

Everyone can write & share
                                                   Blog
Explore My Blog Explore My Blog





Social Media & Social Media Marketing
 




 Social Networking




Web Development, SEO & Online Marketing
 
   
  Bookmark and Share
  
Jquery CSS creating page peel effect
      
Jun
06
Jamal Ahmad

jam05pgs

4 Comments  |   1904 Hits
Tags:   jquery, css, banners, peel effect
 

Page Peel effects can be very useful as they create new areas -which are mostly used for banners- on websites. In general, they are created with the help of Flash but in this tutorial i am going to explain you this effect by using Jquery and CSS.

jQuery Page Peel Effect

The logic of the effect is simple & smart. It is created by animating the size & position of a peel image which is originally positioned over the content to be shown.

 

View Live Demo

Download Source Code

 
[ Stumble Upon ] [ Facebook ] [ del.icio.us ] [ furl ] [Sphinn] [ Digg ] [ Twitter ] [ Technorati ] [ Reddit ] [ Subscribe To RSS Feeds ]

4
 
 
taylan

Saturday, June 6, 2009 @ 05:11 PM
 

Awesome. Find it a long time for my advertisements. Thanks a lot.

 
Ezra Sandoval

Sunday, June 7, 2009 @ 05:16 AM
 

Very cool technique. I can’t wait until I have a chance to use it.

 
mediatechno

Monday, June 8, 2009 @ 01:57 PM
 

This is very nice tutorial without Flash, you dont need Flash its very good example of Page peel Effect.

 
Denny

Wednesday, June 10, 2009 @ 05:54 AM
 

The Peel effect is working fine but when i click on curved banner the background is not showing properly, can anyone have the idea why its not working properly.

 
   
 
Leave your comments
 
  Your comments  

     
name  

     
  email  

     
website    

     
5 + 3 =    

     
   
     

 
 

Follow me on twitter

Follow me on facebook
 

 
   

   

affiliate_link

   

affiliate_link

   

Buy Now - PayPal
   
 
   
  Blog Community
 
 
tissa
darrenrowse
amour
niculae
sassyqarla
summerzeet
electrostar
good-pens
kh
travelhotelworld
tunyalitk
masterartrep
dain22
bloggersun
jameslove4enao
thebeespace
majalahpatani
caryngf
wonkapromotions
jam05pgs
 
  View more bloggers   Join Community
   
   
  Popular Posts
 
 
JQuery Beautiful Image Slide Show in New Way
Good Pens, Saturday 18th April 2009

How 24 Hours of Work Will Send Millions of Readers to My Blog
Darren Rowse, Thursday 4th December 2008

Ajax Animated Live Search
Tunya Litk, Monday 4th May 2009

JQuery Autocomplete with Ajax PHP and MySQL
Jamal Ahmad, Sunday 14th June 2009

How to make $3000 with Free Niche Websites blueprint
Jamal Ahmad, Thursday 10th June 2010
   
   
  ExploreMyBlog Poll
 
 

Is Bing a better search engine than Google?
 

Yes

No
Unsure
 

 
   
  Blog Categories
 
 
About Blogging
Affiliate Marketing
AJAX
Banners
Blog Directories
Blog Marketing
Browsing
Copy Writing
CSS
E-Commerce
Email Marketing
Forms
Google AdSense AdWords
JQuery
Marketing Tools and Tips
Online Advertising
Online Marketing
Online Newsletter
Pay Per Click Strategy
RSS Feed Strategy
Search Engine Optimization
Social Media
Social Networking
Web 2.0
Website Analysis and Stats
Website Designing
Website Traffic
   
   
   

 
 

 

  

© Copyright Explore My Blog 2009, all rights reserved
A company registered in north America, Europe, Asia and Middle East as Explore Group.