조건부로 자바 스크립트를 사용하여 웹 페이지의 선택된 단어에 마우스 오버 툴팁을 표시하는 방법은 무엇입니까?

Question

javascript를 사용하여 웹 페이지에서 선택한 단어에 마우스 오버 툴팁을 표시하는 방법은 무엇입니까? 나는 몇 가지 조건 예를 들어

설정하려면 :

을 페이지에 다음이 디자이너에 도구 팁을 표시해야하지만, 툴팁 디자이너에 어떤 span를 추가하지 않고 디자이너 표시되지해야 <div id=example> 내부에 텍스트 <p> I'm Web Designer </p>가있는 경우 디자이너. 자동으로 선택하고 싶습니다.

키워드를 포함 시키거나 제외 시키거나, 잘 알려지지 않은 툴팁을 설정해야합니다. 모든 툴팁의 문제는 동일한 페이지가 아닌 다른 HTML 파일로 작성하고 싶습니다.

이

$('#example').html($('#example').html().replace(/(designer)/g,'<a href="#" class="normalTip" title="Some Text">$1</a>'));

그런 다음 팁을 표시합니다 (예를 들어)를 aToolTip library를 사용

Answer 1

You have to do it using css and javascript but following is the simple thing you can do for same result. 
<a title="Designer" href="javascript:void(0);" >Designer</a> 

    Designer 

Answer 2

단어 "디자이너"(영감 found here) 주위 앵커 태그를 래핑하는 다음과 같은 jQuery를 사용합니다. 내가 HTML 코드에서 아무것도 추가하지 않으 http://jsfiddle.net/m2x6J/