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

[해피CGI][cgimall] 간단하게 기본 툴팁으로 사용할 수 있는 Tooltip JQuery 본문

웹프로그램밍 자료실/JAVA 자료

[해피CGI][cgimall] 간단하게 기본 툴팁으로 사용할 수 있는 Tooltip JQuery

해피CGI윤실장 2017. 6. 9. 09:19

태그의 title 속성으로 간단하게 기본 툴팁으로 사용할 수 있는 Tooltip JQuery 소스입니다.
툴팁내용을 태그내 title 속성에 입력하면 그대로 보여집니다.

 

 

JQuery UI의 툴팁 위젯을 사용하면 툴팁의 디자인을 변경할 수도 있습니다.

JQuery-ui 파일을 연결하고 JQuery-ui.css 파일도 연경한 후 관련 소스를 적용합니다

 

 

태그내 title속성에 출력될 내용을 입려하면 간단하게 툴팁 사용이 가능합니다.
단, 텍스트만 삽입이 되고, 이미지나 다른 요소 출력은 되지 않아서 조금 아쉽네요.

 

 

 

홈페이지바로가기 

Comments