Jquery pop-up window plug-in (compatible with all browsers)

Last Update:2014-05-04 Source: Internet

Author: User

Developer on Alibaba Coud: Build your first app with APIs, SDKs, and tutorials on the Alibaba Cloud. Read more ＞

Because I often encounter page pop-up effects at work, I have studied some pop-up window effects downloaded from the internet. I always feel that some pop-up windows are cool, but there are many problems, what's even worse is that there are a lot of code and a lot of code. It's a headache, so I wrote a pop-up window effect with jquery and made it into a plug-in form based on actual needs. If you need it, you can download it.

The pop-up window effect cannot be found here. For details, refer to the words at the bottom of the site. Click the words at the bottom of the page to see them.

It should be noted that the implementation in this example is rough. You can modify the code based on your actual situation. The code is quite simple and you can understand jquery code, the following describes the usage. The plug-in sets the following parameters:

The content loading mode in the 'type' pop-up window is currently only divided into three types: html url text. Optional. The default format is html.

'Title' pop-up window title, required.

The url address of the content to be obtained when the 'url' pop-up window content is loaded. required.

'Prefix' is mainly set to prevent css code conflicts. Optional. The default value is phpernote.

The width of the 'width' pop-up window. required.

'Height' the height of the pop-up window. required.

'Content' when the type is set to text, the content to be displayed in the pop-up window is optional. The default value is null.

Indicates whether to allow caching when the 'cache' pop-up window is loaded. Optional. The default value is false. No cache is performed.

Let's take a look at a specific example.

<Html> 
Jquery pop-up window plug-in downloadArticles you may be interested in

 
 
  Move the mouse over the text to display the floating layer prompt special effects (compatible with all browsers such as IE and Firefox)
 
  JS obtains the key code, how Js shields users' keys, and Js obtains the ASII code corresponding to users' keys (compatible with all browsers)
 
  The css setting layer is transparent and compatible with all browsers.
 
  Javascript determines whether the mouse is left or right-click-compatible with ie, firefox, chrome, and other major browsers
 
  Webpage background music setting method, compatible with all browsers
 
  The lower-right corner of the page displays the advertisement js, floating effect (compatible with multiple browsers)
 
  JavaScript copy function code, compatible with multiple browsers
 
  Display text box effects of line numbers, compatible with browsers such as ie and Firefox

This article is an English version of an article which is originally in the Chinese language on aliyun.com and is provided for information purposes only. This website makes no representation or warranty of any kind, either expressed or implied, as to the accuracy, completeness ownership or reliability of the article or any translations thereof. If you have any concerns or complaints relating to the article, please send an email, providing a detailed description of the concern or complaint, to info-contact@alibabacloud.com. A staff member will contact you within 5 working days. Once verified, infringing content will be removed immediately.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More

Jquery pop-up window plug-in (compatible with all browsers)

Contact Us

A Free Trial That Lets You Build Big!

Sales Support

After-Sales Support