일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
- 게시판
- 쇼핑몰
- #웹솔루션
- javascript
- 홈페이지제작
- #업종별
- #해피CGI
- 솔루션
- jquery
- php
- 홈페이지
- #이미지
- 해피씨지아이
- #happycgi
- CGIMALL
- #뉴스
- #홈페이지제작
- 웹솔루션
- #CSS
- #image
- #홈페이지
- #쇼핑몰
- #솔루션
- #jQuery
- 사이트제작
- #동영상
- #cgimall
- CSS
- 해피CGI
- happycgi
- Today
- Total
목록툴팁 (3)
웹솔루션개발 22년 노하우! 해피CGI의 모든것
태그의 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를 모아둔 플러그인입니다. 데모사이트에서 아래와같은 예제와 함께 소스도 제공해주기때문에 쉽게 접근이 가능합니다. 아래와같이 한눈에 데모소스를 확인할수있어 쉽게 접근이 가능합니다. 또한 위의 첨부파일을 확인해보면 알수있듯이 위의 데모사이트에서 제공해주는 것외에 여러 예제를 직접 만들어둔 소스가 있으므로 해당 소스파일을 직접 참고하셔도 좋을것같습니다^^