슬라이딩 도어 테크닉은 이미지의 크기가 변하면 슬라이딩 도어에 해당하는 이미지의 크기도 변하게 하는 기법입니다. 메뉴바에 사용되는 슬라이딩도어 테크닉 은 CSS로 만들 수 있는데 배너에 사용되는 이미지는 제이쿼리로 가능합니다. 이곳 을 클릭하고 원작자의 사이트에서 See the Demo 버튼을 클릭하면 미리 볼 수 있고 Download 버튼을 클릭하여 파일을 다운 받을 수 있습니다. 제 블로그의 우측에 Best 9에 적용해 봤습니다. 다운로드 파일 원본파일을 압축을 풀면 9개의 이미지와 하나의 배경이미지가 있고 index파일이 있습니다. js폴더에는 제이쿼리 라이브러리 파일과 easing파일이 있습니다. index파일에는 제이쿼리 코드와 css코드가 있는데 블로그 사용을 위해 두가지 코드를 별도의 파일로..
워드프레스 쇼핑몰, 웹사이트
블로그 인기글
블로그
"슬라이딩 도어 배너" : 글 "1"개
웹사이트 제작 문의
제이쿼리 슬라이딩 도어 효과를 이용한 배너만들기
부트스트랩.CSS.JS/JQuery
2011. 10. 25. 18:13