이는 jquery 플러그인 힌트팁을 사용하여 수행할 수 있습니다
다운로드 주소는:plugins.learningjquery.com/cluetip/demo/
다음은 사용법에 대한 간략한 설명입니다.
1 우선 JQUERY의 기본 JS와 이 플러그인의 JS를 다음과 같이 배치합니다.
$('a.basic').cluetip()
3 팝업 상자의 높이 등을 정의합니다.
$('a.custom-width').cluetip ({width: '200px', showTitle: false})
4 마우스가 연결로 이동하면 팝업: 나 위로 마우스를 가져가세요
$('h4').cluetip({속성: 'id', hoverClass: 'highlight'})
5 사용자가 이 링크를 적극적으로 클릭하는 경우
$('#clickme').cluetip({activation: '클릭', 너비: 650})
둥근 모서리 6개
$('ol.rounded a:eq(0)').cluetip({splitTitle : '|', dropShadow: false, cheattipClass: 'rounded', showTitle: false});