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

- 작동 원리Zebra Tooltips는 간단하면서도 똑똑하고 시각적으로 매력적인 툴팁을 만드는 가볍고 높은 사용자 정의성을 갖춘 크로스 브라우저 jQuery 플러그인으로, 아름다운 전환 효과를 제공하고 다양한 구성 옵션을 제공합니다. 모양은 JavaScript 및/또는 CSS를 통해 쉽게 사용자 정의할 수 있습니다. 또한, 도구 설명은 부모 요소에 대해 왼쪽, 가운데 또는 오른쪽에 정렬할 수 있습니다. Zebra Tooltips는 이미지를 전혀 사용하지 않으며(모든 것은 CSS에서 처리됨) 모든 고급 기능을 지원하지 않는 브라우저에서도 문제없이 작동합니다. 또한 앵커 태그뿐만 아니라 모든 요소에 툴팁을 첨부할 수 있습니다!- 라이센스MIT- 사용 방법1. 페이지에 필요한 CSS 파일을 포함합니다.2. ..

태그의 title 속성으로 간단하게 기본 툴팁으로 사용할 수 있는 Tooltip JQuery 소스입니다. 툴팁내용을 태그내 title 속성에 입력하면 그대로 보여집니다. JQuery UI의 툴팁 위젯을 사용하면 툴팁의 디자인을 변경할 수도 있습니다. JQuery-ui 파일을 연결하고 JQuery-ui.css 파일도 연경한 후 관련 소스를 적용합니다 태그내 title속성에 출력될 내용을 입려하면 간단하게 툴팁 사용이 가능합니다. 단, 텍스트만 삽입이 되고, 이미지나 다른 요소 출력은 되지 않아서 조금 아쉽네요.

Tooltipster 는 jquery로 만든 편리한 툴팁 프로그램 입니다 * License - MIT License * jquery 버전 - jQuery 1.10 이상 필요 * 설치방법 및 샘플코드 - 첨부된 압축파일을 받아 해제 하고 css, js 를 아래와같이 head 부분에 선언해 줍니다 이미지와 툴팁에 들어갈 메시지 셋팅 툴팁로딩 기본스타일 외에 Tooltipster 는 다섯가지 테마를 아래와 같이 제공합니다 툴팁내부에 html 을 아래와 같이 사용할 수 있습니다 그리고 위와 같이 두개의 툴팁이 있는 경우 contentCloning 값을 true 로 설정하여야 합니다 그외에 다양한 옵션이 제공되며 아래는 샘플입니다 더많은 옵션을 확인하시려면 아래의 링크로 클릭하여 확인해주시기 바랍니다 http:/..

라이센스 : MIT 라이센스 툴팁, 레이어, 공지, 이미지레이어 등의 간단하면서 홈페이지 구성함에 있어 꼭필요한 jquery를 모아둔 플러그인입니다. 데모사이트에서 아래와같은 예제와 함께 소스도 제공해주기때문에 쉽게 접근이 가능합니다. 아래와같이 한눈에 데모소스를 확인할수있어 쉽게 접근이 가능합니다. 또한 위의 첨부파일을 확인해보면 알수있듯이 위의 데모사이트에서 제공해주는 것외에 여러 예제를 직접 만들어둔 소스가 있으므로 해당 소스파일을 직접 참고하셔도 좋을것같습니다^^