search

Home >Web Front-end >JS Tutorial >Use jQuery UI's tooltip function to modify the bubble floating box of the title attribute_jquery

Use jQuery UI's tooltip function to modify the bubble floating box of the title attribute_jquery

WBOY
WBOYOriginal
2016-05-16 17:31:271749browse

Using the tooltip() function of jQuery UI, you can make the floating prompt box no longer so cookie-cutter. Click here to see the effect first: http://www.keleyi.com/keleyi/phtml/tooltip/
The following is the complete code: save it to an html file and open it to see the effect.

Copy code The code is as follows:




modified using jQuery UI Bubble floating box (Tooltip) for title attribute - Keleyi







Different floating prompt box


If the title attribute is added to an element, when the cursor moves over the element, a floating prompt box will be displayed next to the element.


Generally, floating prompt boxes cannot be modified with styles, but if you use jQuery UI, you can display different effects. The method is simple: $(document).tooltip();

< ;p>Move the cursor to the input box (or hyperlink) to see the effect of the floating prompt box.



Keleyi Now it is style oneStyle 2 < ;a href="http://www.keleyi.com/a/bjac/a6d651710217f7a0.htm" target="_blank" title="View original text">Original text




Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：Use js to adjust table cell height and width, compatible with merged cells (compatible with IE6, 7, 8, FF) examples_javascript skillsNext article：Use js to adjust table cell height and width, compatible with merged cells (compatible with IE6, 7, 8, FF) examples_javascript skills

Related articles

See more