웹솔루션개발 25년 노하우! 해피CGI의 모든것

스크롤시 스크롤 모션효과를 확인할 수 있는자료입니다. 압축파일내에 HTML, Css로 작동하시는 것을 확인할 수 있습니다. 자료원본 출처는 아래의 링크에서 확인하실 수 있습니다. 그누보드 - 스크롤다운시 모션효과 > 퍼블리셔팁 (sir.kr)

데모사이트로 가시면 HTML 및 CSS소스가 공개가되어 있습니다. 긁어서 사용하시면 위와같은 효과를 바로 확인하실 수 있습니다. 설명에서도 사용방법이 나와있으며 링크2번을 클릭하시면 더 자세한 설명과 다른 형태의 로딩바로 확인하실 수 있습니다.~~

마우스 오버시 튕기는듯한 효과의 세로형 메뉴입니다. 데모사이트 링크를 통해서 메뉴를 확인하실 수 있으며 오른쪽 하단의 export 버튼을 클릭하여 데모소스를 다운로드를 받으실 수 있습니다 ^^ 파일내에 html, css, js를 확인하실 수 있습니다. 감사합니다.

ie에서도 position sticky를 이용할수 있는 소스입니다. 지정된 영역에부터 고정되어 스크롤되어 내려옵니다. 사용법은 간단하며 아래와같이 상단에 스크립트를 지정 /* position:sticky 고정 */ $(function() { Stickyfill.add($('.sticky')); }); 를 이용하여 사용하실 수 있습니다. 아래의 링크를 통해서 실행 데모를 확인하실 수 있습니다. http://wilddeer.github.io/stickyfill/test/

Css로만 이루어진 모달 팝업창입니다 크롬 및 최신버전의 ie버전에서는 정상작동을 하지만 하위버전의 ie브라우저라면 정상작동을 하지 않을 수 있습니다. 압축파일내에 index.html 파일과 style.css 파일이 있으며 호출하여 바로 확인하실 수 있습니다.

요즘 네이버나 여러 사이트에서 볼수 있는 사이드 바입니다. 스크롤을 하면 fixed되서 내려오면서 하단의 내용컨텐츠와 만나면 스톱이되어 정지가 됩니다. 웨일브라우저로 naver메인에서 확인할 수 있습니다.데모페이지에서 샘플 및 github를 통해서 자료를 내려받으실 수 있습니다. t하단에 내용에 걸릴시 cgimall 솔루션에서는 뉴스솔루션에서도 확인하실 수 있습니다. http://newspred.cgimall.co.kr/

비틀고 일그러뜨리는 링크 이펙트효과를 표현한 링크효과 입니다. 라인, 원, 네모등 다양한 왜곡 효과들을 확인하실 수 있으며 데모사이트에서 자료를 받아 확인하실 수 있습니다.

비밀번호의 강력함의 여부를 이미지로 체크하는 재미있는 자료입니다. 비밀번호가 단순하다면 위와같이 이미지가 선명하게 나오지 않습니다. 비밀번호가 강력하다면 이미지가 선명하게 나오게 됩니다. 데모사이트의 demo2번을 클릭하시면 반대로 확인할수 있는 효과를 볼수 있습니다. 사이트 제작에 도움이되는 자료가 되었으면 합니다 ^^

윈도우즈 시작 버튼을 클릭하고 프로그램 메뉴에 마우스를 갖다대면 서브메뉴가 나오는 형식을 웹에서 가능하게 합니다. 너무 환상적이라 몇시간을 투자한 끝에 찾았습니다. http://phpwizard.net 의 FAQ 부분에 링크가 되어있어서 다행히도 소개할 수 있었습니다. zend.com 이나 phpwizard.net 에 가서 어떻게 보여주는지 확인하시면 꼭 해보고 싶을거라는 생각입니다. 이리저리 움직이고 난잡한걸 싫어하는 제가 봐도 아주 멋지더라구요. 그럼 잘 활용하셔서 멋진 페이지를 만들어 보세요.

해피CGI 개편중에 메뉴처리가 안되어서 많이 고민을 하다가 DHTML로 처리를 할려고 3일밤낮을 찾다가 ^^ 겨우 찾은 소스입니다. 예전 소개드린적이 있는 dynamicdrive 사이트에서 찾았구요. 소스도 깔끔해서 쓰기 좋습니다. 익스플로러,네스케이프 공통입니다.