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

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:

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.

Email:

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