>웹 프론트엔드 >JS 튜토리얼 >jQuery UI의 툴팁 기능을 사용하여 제목 attribute_jquery의 버블 플로팅 상자 수정

jQuery UI의 툴팁 기능을 사용하여 제목 attribute_jquery의 버블 플로팅 상자 수정

WBOY
WBOY원래의
2016-05-16 17:31:271755검색

jQuery UI의 tooltip() 기능을 사용하면 플로팅 프롬프트 상자를 더 이상 진부하지 않게 만들 수 있습니다. 먼저 효과를 보려면 여기를 클릭하세요: http://www.keleyi.com/keleyi/phtml/tooltip/
다음은 전체 코드입니다. html 파일에 저장하고 열어서 효과를 확인하세요.

코드 복사 코드는 다음과 같습니다.




제목 속성에 jQuery UI 버블 부동 상자(도구 설명) 사용 - Keleyi






제목 속성이 요소에 추가되면 커서가 요소 위로 이동하면 부동 프롬프트 상자가 요소 옆에 표시됩니다.

일반적으로 플로팅 프롬프트 상자는 스타일로 수정할 수 없지만 jQuery 방법은 간단합니다: $(document).tooltip(); ;< ;p> 커서를 입력 상자(또는 하이퍼링크)로 이동하면 부동 프롬프트 상자의 효과를 확인할 수 있습니다.


Keleyi 이제 스타일 1입니다스타일 2< ;/a> < ;a href="http://www.keleyi.com/a/bjac/a6d651710217f7a0.htm" target="_blank" title="원본 텍스트 보기">원본 텍스트< /p>

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.