반응형

WEB·MOBILE- HTML/Java&jQuery 4

2020 10 Best Carousel Plugins jQuery/JavaScript/CSS 모음 소스

Carousel은 무엇인가? Carousel는 현대 웹 디자인에서 가장 인기 있는 UI 부품 중 하나이다. Carousel는 당신이 좋아하는 이미지, 제품, 블로그 게시물 또는 다른 모든 콘텐츠를 무한 회전 인터페이스로 보여줄 수 있게 해준다. Carousel와 Slider의 차이점은? 일반적으로 회전목마는 내비게이션 컨트롤을 클릭/테이핑하거나 화면(모바일)을 돌려 회전목마 아이템을 무한 루프할 수 있다. 마지막 항목에 도달하여 계속 탐색하면 회전목마가 자동으로 첫 번째 항목으로 되돌아간다는 것을 의미한다. 그리고 슬라이더는 보통 마지막 슬라이드에 도달하면 작동을 멈춘다. 해당 내용에는 는 jQuery, Banilla JavaScript 또는 순수 CSS/CSS3에서 구현된 최고, 응답성 및 사용이 간편..

마우스 이벤트 목록별 정의 - jQuery 및 javascript(Mouse event)

이벤트명 발생내용 및 설명 onmousedown : 마우스가 개체 위를 눌렀을 때 발생 목록 참조 onmouseenter : 사용자가 마우스포인터로 개체 위에 들어갔을 때 발생 목록 참조 onmouseleave : 마우스포인터가 개체의 범위 밖으로 이동하면 발생 목록 참조 onmousemove : 마우스가 개체 위에서 이동하였을 때 목록 참조 onmouseout : 마우스가 개체 위에서 이탈하였을 때 목록 참조 onmouseover : 마우스가 개체 위로 이동하였을 때 목록 참조 onmouseup : 마우스가 개체 위 누른 것을 해제하였을 때 onfocus : 마우스나 탭에 의한 항해로개체에 초점(포커스)이 주어 졌을 때 onlosecapture : 마우스에 의한 캡쳐(capture)가 상실되었을 때 발..

JQuery Lightbox 플러그인 및 소스 시리즈별 모음!

JQuery Lightbox 플러그인 및 소스 링크모음 이번 JQuery 소스 관련된 자료는 Lightbox입니다. 레이어팝업과 유사한 형태로 자주 볼 수 있는 기능이다. 처음 Lightbox를 보았을때 도대체 어떻게 해야 되는건지 많이 궁금했는데.. 요즘은 많은 플러그인들이 생겨나서 쉽게 사용이 가능하다. 그리고 백지상태에서 부터 직접 제이쿼리를 짜는 사람은 극소수이므로 이런 소스를 활용하여 커스텀하면 업무시간도 굉장히 효율적으로 사용할 수 있다. 하단에 다양한 타입의 라이트박스 플러그인이 있으니 참고하시길! 아래 링크를 모두 방문하시어 Demo or Examples 을 모두 보시고 자기 스타일에 맞는 Lightbox 를 사용하기를 권장합니다. JQuery Lightbox 링크 모음 Lightbox2 ..

javascript 마우스 우클릭 방지! 개발자 도구 보기 방지, 소스보기, F12보기 방지를 위한 스크립트 정리

아마 퍼블리싱을 하는 분이라면 웹사이트/모바일 제작할때 제이쿼리나 CSS 보려고 F12를 통한 개발자 도구함을 통해 소스 보기 해보신적이 있을 것이다. 저는 에이젼시 이전 멀티샵 쇼핑몰에서 근무할때 아주 일상이었다. 그때는 이렇다할 스킬과 웹표준에 대한 개념이 잡히기 전이라, 기획 쪽에서 경쟁사 사이트에서 괜찮은 제이쿼리나 효과들이 있다면 바로 적용하길 바랬기 때문ㅎㅎ 덕분에 능력치에 버거운 경우도 많았지만 그런 연습기간이 있었기에 약간의 요령도 생겼던 것 같습니다.ㅎㅎ 이번에 단순한 태그 및 자바스크립트는 이런 소스보기를 방지하기 위한 태그입니다. 물론 100% 막지는 못하지만 어느 정도의 간섭을 줄 수 있는 효과가 있다.~ 하단 자바스크립트 소스를 간단하게 연동하여 사용 가능 var ns = (doc..