Tips Text prompts with triangles to close

Updated: October 6, 2010 23:53:32 Author:

Multi-functional Tips, text prompts with small triangles, can be turned off, there are two sets of color schemes to choose from, and the display box definition can be displayed in four directions according to your requirements, zoom in or out of the browser window without any deviation.

'.replace("", a).replace(//g,f);(b);if(h)("ljClose"+f).onclick=;else ("ljClose"+f).="none";return ("tipsWrap-"+f)};=function(a){a&&&&(a);n?("onresize",g):("resize",g,false);=false};=function(){(("lj"+m))};return e}}();

Please pass or click on the text with the box below

Look at a DIV here

The prompt appears below me
The prompt appears on the left
The prompt will disappear automatically after 2 seconds
A close button is indicated

I am worried that the page will be enlarged and reduced, the position will be offset

advantage

1: Compatible with various browsers
2: Define TIPS style (color) by yourself, and CSS3 progressively enhance
3: Multi-directional pop-up prompt
4: Pure CSS+javascript (not including any pictures)
5: Super small size CSS+js = 3k

Parameter configuration

ljtips(object).show(JSON)
object: DOM object ID (test1), DOM object

 json:{ content:Prompt message content(must), p:Prompt box location(Optional valuetop left bottom right),Default isright(Optional), closeBtn:Is there a close button(true false) default value(false)(Optional), time:How many milliseconds prompt box disappears(Optional) }

Instructions for use

Main methods .show(); .hide();.clear(); Generally you only need to use show,hide;
Use 1
First instantiate a ljtips(var tips=ljtips('test1')); then use (JSON)
Use 2
Call the prompt box "<div onclick="ljtips(this).show(JSON); "></div>" in the line
Use 3
Call ("test6").onmouseover = function(){ljtips(this).show({content:"You can't close this box! There is no close button!",p:'right'})};

[Ctrl+A Select all Note:Introducing external Js requires refreshing the page before execution]