JQuery plugin tips0000wn 1.1
A jQuery-based pop-up layer. Drag/drop is supported. The content can be text, images, URLs, etc! As for compatibility. In IE6, the pop-up object cannot be absolutely fixed. There should be no major problems with others;
Latest Update: (): fixed the BUG that IE6 cannot cover the drop-down menu and added the translucent effect when dragging.
Application demonstration
- A text message prompt is displayed:
I'm a drop-down menu
TipsWindown ("prompt", "text: Message content", "250", "150", "true", "", "true", "msg ")
Click my pop-up prompt
- The html of an ID in the pop-up page:
Tipsdomainwn ("title", "id: testID", "300", "200", "true", "", "true", "id ")
Click my pop-up prompt I am the content in the Test ID
I wrapped a line...
- Pop-up image:
Tips0000wn ("image", "img: Image path", "250", "150", "true", "", "true", "img ")
Click my pop-up prompt
- Get A. html file (or. php/. asp? Id = 4 ):
Tipsdomainwn ("title", "url: get? Test.html "," 250 "," 150 "," true "," "," true "," text ");
Click my pop-up prompt
- Load a page to the frame:
Tipsreceivwn ("title", "iframe: http://www.bkjia.com", "900", "580", "true", "", "true", "leotheme ");
Click my pop-up prompt
- A text information layer that cannot be dragged and does not have a masked background is displayed:
TipsWindown ("prompt", "text: Message content", "250", "150", "false", "", "false", "msg ")
Click my pop-up prompt
- A layer that cannot be dragged and is automatically closed in three seconds is displayed:
TipsWindown ("prompt", "text: Message content", "250", "150", "false", "3000", "true", "msg ")
Click my pop-up prompt
Parameter description
Sequence |
Parameters |
Function |
Remarks |
1 |
Title |
Title of the pop-up layer |
Required, plain text |
2 |
Content |
Content of the pop-up layer |
Text |
Text Content |
Id |
Subtag of an id in the page |
Img |
Image |
Url |
Get or post the html of a page. The page must contain only the sub-tags of the body. |
Iframe |
The target address is displayed in the frame. |
3 |
Width |
Pop-up Layer Width |
Required, such as 200 ". (Px is not required) |
4 |
Height |
Height of the pop-up layer |
Same width |
5 |
Drag |
Whether it can be dragged |
Required. Optional values: true and false) |
6 |
Time |
Automatic disappearance time |
Optional. disabled by default. The parameter can be blank ("") |
7 |
Showbg |
Whether to display the Mask Layer |
Optional. It is not displayed by default. (If this parameter is set, the time before it must be set) |
8 |
CssName |
Pop-up layer additional style name |
Optional |
The effect of a transparent background layer like this is very common. operations in other regions are not allowed. Currently, plug-ins are provided to achieve this effect.
View the source code on this page to obtain all the required code.