@ Author YHC
First of all, I will introduce the main role of this plug-in as a prompt on the web page, such as the beginner's entry-level navigation. You will understand it. Of course, this plug-in provides a rich set of features on the prompt;
The following is an example of the minimum entry level:
QTip2 Official Website
QTip2 official website recommendation
Since the current official website cannot be downloaded now, we recommend that you download it:
After opening, you will see the following page:
Decompress the package and find the following files:
The full path of the compressed files above: Craga89-qTip2-50bf02d.zip \ Craga89-qTip2-50bf02d \ dist
The following is a simple example:
Note: jQuery-based plug-ins are required: jQuery is required;
After running, you can see the above effect;
The following code is used:
[Html]
<! Doctype html public "-// W3C // dtd html 4.01 Transitional // EN" "http://www.w3.org/TR/html4/loose.dtd">
<Html>
<Head>
<Title> New Document </title>
<Meta name = "Generator" content = "EditPlus">
<Meta name = "Author" content = "">
<Meta name = "Keywords" content = "">
<Meta name = "Description" content = "">
<Link href = "jquery.qtip.css" rel = "stylesheet" type = "text/css"/>
<Script type = "text/javascript" src = "jquery-1.7.1.min.js"> </script>
<Script type = "text/javascript" src = "jquery. qtip. js"> </script>
</Head>
<Body>
<Div style = "width: 200px; height: 200px; border: solid 1px red; position: relative; left: 400px;" id = "tip">
<A href = "http://www.baidu.com" id = "little_a" target = "_ blank"> haha </a>
</Div>
</Body>
<Script type = "text/javascript">
$ ('# Little_a'). qtip ({
Content :{
Text: 'I slide in when hidden, none of this fading business for me! '
}
});
</Script>
</Html>
<! Doctype html public "-// W3C // dtd html 4.01 Transitional // EN" "http://www.w3.org/TR/html4/loose.dtd">
<Html>
<Head>
<Title> New Document </title>
<Meta name = "Generator" content = "EditPlus">
<Meta name = "Author" content = "">
<Meta name = "Keywords" content = "">
<Meta name = "Description" content = "">
<Link href = "jquery.qtip.css" rel = "stylesheet" type = "text/css"/>
<Script type = "text/javascript" src = "jquery-1.7.1.min.js"> </script>
<Script type = "text/javascript" src = "jquery. qtip. js"> </script>
</Head>
<Body>
<Div style = "width: 200px; height: 200px; border: solid 1px red; position: relative; left: 400px;" id = "tip">
<A href = "http://www.baidu.com" id = "little_a" target = "_ blank"> haha </a>
</Div>
</Body>
<Script type = "text/javascript">
$ ('# Little_a'). qtip ({
Content :{
Text: 'I slide in when hidden, none of this fading business for me! '
}
});
</Script> www.2cto.com
</Html>
@ Author YHC
About its Chinese API
QTip Style
QTip Hide
QTip Show
QTip Position
QTip Content
QTip Core
All
Author: yhc13429826359