Using the ToolTip () function of the jquery UI, you can make the hover cue box less uniform. Click here first to see the effect bar: http://www.keleyi.com/keleyi/phtml/tooltip/
The following is the complete code: Save to HTML file Open can also see the effect.
Copy Code code as follows:
<!doctype html>
<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 "/>
<title> Bubble Suspension box with the jquery UI Modifier Title Property (Tooltip)-Ke keeper </title>
<script type= "Text/javascript" src= "Http://www.keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js" ></script >
<link rel= "stylesheet" href= "Http://www.keleyi.com/keleyi/pmedia/jquery/ui/1.10.2/themes/sunny/jquery-ui.min.css"/>
<script type= "Text/javascript" src= "http://www.keleyi.com/keleyi/pmedia/jquery/ui/ Jquery-ui-1.10.2.custom.min.js "></script>
<script type= "Text/javascript" >
$ (function () {
$ (document). tooltip ();
});
</script>
<style type= "Text/css" >
Label {
Display:inline-block;
}
</style>
<body>
<p> If you add the title attribute to an element, a hover prompt box appears next to the element when the cursor moves over it. </p>
<p> The general Suspension prompt box cannot be decorated with a style, but if you use <a href= "http://www.keleyi.com/menu/jquery/" title= jquery effects, information, and other learning content. "target=" _blank >jQuery</a> UI, you can display different effects, the method is very simple: $ (document). tooltip (); </p><p> move the cursor to the input box (or hyperlink) to see the effect of the hover tip box. </p>
<p><label for= "Age" >email:</label><input id= "age" title= "can be used as a means to retrieve the password, recommended to fill." "/></p>
<p><a href= "http://www.keleyi.com" target= "_blank" title= "Collayi Home" > Collayi </a> is now style one <a href= "http:/" /www.keleyi.com/keleyi/phtml/tooltip/tooltip2.htm "title=" style Two: Redmond "> Style two </a> <a href=" http:// Www.keleyi.com/a/bjac/a6d651710217f7a0.htm "target=" _blank "title=" View Original "> Original text </a></p>
</body>
