Rev. 2.73

curtain.png

Victor Coulon씨가 작성한 Curtain.js는 긴 내용을 다루는 싱글 페이지로 구성된 웹 페이지에 멋진 전환 효과를 부여하는 jQuery 플러그인입니다. 문서의 섹션을 패널들로 화면에 고정하고 해당 패널을 스크롤 하면 마치 커튼이 타고 올라가는 듯한 페이지 전환효과가 발생합니다. 스크롤 바나 마우스 휠 또는 키보드를 이용하는 종전의 관습을 그대로 따르기 때문에 사용자에게 혼란을 일으키지 않으면서 마치 상호작용이 발생하는 듯 한 전환 효과를 만들어낼 수 있습니다. 기본적인 사용방법은 다음과 같아요.

$(function () {
    $('.curtains').curtain({
        scrollSpeed: 600,
        menu: $('.menu')
    });
});

Victor Coulon씨는 Edits Quarterlyinterviewmagazine.com, madebygrave.com 등의 사이트에서 영감을 얻었다고 말했으며 이 소스를 누구나 사용할 수 있도록 소스를 GitHub에 공개했습니다. 트렌디하면서 인터랙티브한 컨텐츠를 제공하는 느낌을 아주 쉽게 날로 먹을 수 있겠군요.

Comments

Got something to add? You can just leave a comment.

Your Reaction Time!

captcha

avatar