jQuery Plugin Page Peel

An article by admin    No Comments

plugin ตัวนี้จะแสดงผลเมื่อ mouse เลื่อนไปยังมุมขวาบน คล้ายๆการเปิดหนังสือ อาจไว้ใช้แสดงโฆษณาให้มีความโดดเด่น

This little jQuery plugin which does exactly what it says on the tin – creates a page peel! This is a little page animation which sits at the top right hand of the screen and when the mouse hovers it the page “peels” down and reveals the content behind it. It could be used to display a popular area or feature of your website but is most commonly known these days to display advertisements. Let’s face it the page peel grabs your attention straight away!

If you haven’t seen it by now, check out the upper right corner of this page, or check out the new page peel in the bottom left of this box!

Now, the one contained inside of the box has its limitations. You have to have enough room to display the full page out (this one’s set up as 500×500). Also, I’ve set the bottom padding of this box to 105px so I don’t cover any content. You could also indent the content 105px or just cover your content. Whatever floats your boat.

I guess I should show you a bit of code on how to accomplish this… here it goes.