Profile
E-mail : dhkoo.hacker@gmail.com
복사(copy)

Home

Welcome to Harrycode's Home

Harrycode 포트폴리오 사이트입니다. 본 사이트는 2004년생 구도훈에 포트폴리오 제작을 위해 만들어졌습니다. 오류나 개선되었으면 하는 부분 있으시면 이메일 보내주세요~ 감사합니다.

Portfolio

hover 기능을 사용한 예제

강아지 그림에서 각 위치에 따라 hover로 인해 사진이 바뀌는 예제. hover는 커서를 위에다 가져다 댔을 때 자신이 지정한 style을 적용시켜준다.

Orange 레이아웃 사이트 예제

Orange 페이지에서 키위 페이지 또는 딸기 페이지로 이동할 수 있게 해주는 예제. 만들던 중 잠시 중단한 뒤로 만들지 않고있음.
( 미완성 )

jQuery 시계 슬라이드 예제

마치 상품 미리보기를 보듯 화살표를 누르면 슬라이드 기능을 이용해 시계 사진이 이동하는 예제. jQuery를 이용한 애니메이션 슬라이드이다.

jQuery 라바 사이트 예제

마치 상품 미리보기를 보듯 메뉴를 선택하고 사진들 중에서 자세히 보고싶은 사진 하나를 클릭하면 아래 흰 화면에 고화질로 사진이 나타나는 예제. jQuery를 이용한 사이트 예제이다.

jQuery Y축 스크롤 예제

스크롤값이 어느정도 이상이 되면 각 위치에 맞는 menu가 빨간색으로 바뀌고 position fixed를 이용하여 화면에 고정시키는 예제. jQuery를 이용한 스크롤 예제이다.

jQuery 슬라이드 애니메이션 예제

다음 버튼을 누르면 다음 숫자가 있는 박스가 보이고 이전 버튼을 누르면 이전 숫자가 보이고 시작을 누르면 자동으로 슬라이드쇼, 정지버튼을 누르면 슬라이드쇼가 정지되는 예제이다. jQuery를 이용한 스크롤 예제이다.