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

[해피CGI][cgimall] [jquery] jTippy tooltip plugin 본문

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

[해피CGI][cgimall] [jquery] jTippy tooltip plugin

해피CGI윤실장 2019. 12. 30. 09:14

* jTippy tooltip plugin

- jQuery 툴팁 플러그인. 뛰어난 반응 형 배치로 사용 및 구성이 쉽습니다.
원하는 영역에 툴팁을 추가하여 문구를 보여주고 문구를 보여주는 동시에
hover, focus효과, background 에 대한 영역을 black, blur 와 같은 
효과를 주어 툴팁을 더 돋보이게 만들 수 있습니다



* 사용방법

첨부된 압축파일을 다운받아 원하는 웹디렉터리에 압축을 해제후
html 문서상에 아래와 같은 형태로 코드를 삽입하도록 합니다

코드상단  css 추가




코드하단 js 추가




위와 같이 플러그인관련  css 및 js를 작성하고
본문 코드중단에 아래와 같이 툴팁효과들을 적용할 수 있습니다





툴팁 및 백그라운드 효과





위의 효과외에 툴팁영역을 작게 또는 크게, 컬러를 변경하는등의 효과를 줄 수 있으니
시각적인 효과가 필요한 페이지 영역에 도움이 되겠습니다




홈페이지바로가기

Comments