tipso– lightweight jquery Cue box plugin

A ToolTip (cue box) is a common effect that is often used on a word that requires further explanation, explanation, or prompting. This small effect is not difficult to achieve, but if you want to get something for nothing, try Tipso.

TIPSO is based on JQuery and offers many configurations, such as:

• Show animation duration
• Background color
• Text color
• Display position (top/right/bottom/left)
• Width
• Offset
• Loading Ajax Content
• callback function

Using Method 1, introducing the file

<link rel= "stylesheet" href= "Css/tipso.css" ><script src= "js/jquery.js" ></script><script src= " Js/tipso.js "></script>

2. HTML

<span id= "Tip" data-tipso= "Dowebok" >Tipso</span>

Or:

<span id= "Tip" title= "content from Title property" >Tipso</span>

When you use the value of the attribute Data-tipso as the content of tip, you need to set the Usetitle:false; Use the title property as tip content to set usetitle:true or omit this parameter.

3. JavaScript

$ (function () {$ (' #tip '). TIPSO ({usetitle:false});});

Configuration

Properties/Methods	type	Default Value	Description
Speed	Integer	400	Animation duration
Background	String	' #55b555 '	Background color
Color	String	' #ffffff '	Text color
Position	String	' Top '	Show Location
Width	Integer	200	Width
Delay	Integer	200	Delay
OffsetX	Integer	0	Horizontal offset
OffsetY	Integer	0	Vertical offset
Content	String	Null	Content
Ajaxcontenturl	String	Null	Loading content asynchronously
Usetitle	Boolean value	True	Use the Title property value as content
Onbeforeshow	Function	Null	callback function prior to execution
OnShow	Function	Null	Pre-Display callback function
Onhide	Function	Null	Post-Display callback function

tipso– lightweight jquery Cue box plugin