12 Ajax pop-up layers

Source: Internet
Author: User

12 Ajax pop-up layers

 

12 Ajax pop-up layer effects JS Code And has powerful functions.

 

Thickbox-Based on jquery, supports Ajax, lightweight and efficient. Supports image and HTML content. It is about 40 kb in size and can be used as a plugin for Wordpress. The advantage of this JS is that when the original page scroll bar of the parent level is scroll with the mouse, the pop-up layer does not move, but is always in the fixed position of the browser.

Greybox-the pop-up interface for creating IFRAME. images, HTML, and URLs can be used. The size is about 20 kb.

The pop-up layer has two modes: Fixed Position and scroll with the parent scroll bar.

Greybox Redux-jquery-based, lighter than greybox.

The JS pop-up effect increases the effect of slow sliding from top to bottom.

Lightbox V2.0 was originally designed to display images. It uses prototype and sciptaculous, so it is a little heavy, but it is very useful for images.

The disadvantage is that when the pop-up layer is displayed, the scroll wheel is rolled over, and the parent page and the pop-up content are followed by the scroll bar, the pop-up layer can be closed only by clicking the close button. When the pop-up image is large, user Experience is relatively unfriendly. You need to move the page to find the close button.

Lightbox Gone Wild-modal mode window lightbox can use HTML, forms, and images. It is also prototype-based.

The advantage of this effect is that when the pop-up content is an image, clicking the image itself can close the pop-up layer, which is very convenient.

Multi-faceted lightbox-another prototype-based, but this provides options for various data types that can be used for lightbox.

Leightbox-similar to lightbox gone wild, but leightbox stores content in HTML format, so it can be indexed by search engines.

In addition to the Seo-compliant pop-up content, a major feature of this effect is that the scrolling of the pop-up parent page is disabled, and the scrolling of the pop-up layer is the main one, in this way, when there is more content in the pop-up window, when you scroll the scroll wheel, it will not scroll the parent page at the same time, but will affect normal browsing.

Xilinus-simple to use, prototype-based, easy to customize, you can use a variety of content options.

Lightbox plus-automatically scales the image according to the window size.

Suckerfish hover lighbox-unlike the traditional lightbox, it can also access other elements on the page when opening the lightbox.

Litebox-this is another version of lightbox, and the amount of code is reduced. Moo. FX and prototype-Lite are used. If you need to lose weight on the page, you can select this version.

Litbox-use lightbox written by class, so you can create multiple object instances and control them separately. Based on thickbox.

 

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

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

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

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

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.