Seditio.by

На многих веб сайтах используется эффект загнутого края страницы для оформления угловых информационных или рекламных блоков. Такой эффект может быть не только статичным, но и динамическим. Cделать это можно при помощи незаменимой JQuery в связке с CSS. Изобретать что-то новое не потребуется: мы предложим вам готовые варианты по созданию динамических эффектов загнутого края страницы.

Simple Page Peel Effect with jQuery and CSS от Soh Tanaka

Способ достаточно простой, и в тьюториале достаточно подробно пояснены HTML- и CSS-вставки, а также JavaScript-код. Эффект, правда, слегка прямолинеен: нет того самого стопроцентного ощущения «загнутости».

The Sexy Curls jQuery Plugin

Еще один пример jQuery-плагина с открытым кодом. На этот раз «правдоподобность» эффекта достигается за счет использования drag-and-drop: край вы отгибаете на необходимое расстояние мышью. Плагин требует использования jQuery и jQuery UI.

jQuery Page Peel 1.2 от Smpl Multimedia

Пожалуй, самый «правдоподобный» эффект: в обычном состоянии загнутый край отбрасывает тень и ненавязчиво колышется, а при наведении мышью довольно реалистично загибается. Опционально в настройках можно использовать Flash.

Выводы

Какие-либо рекомендации по выбору плагинов дать сложно: использование Flash обеспечивает реалистичную анимацию, а jQuery уменьшает размер файлов и увеличивает скорость загрузки. Удачи в выборе!