12 Ajax pop-up-layer effects

Source: Internet
Author: User
Tags window
12 Ajax pop-up Layer effect JS code, the function is very powerful.

Thickbox-based on JQuery, it is lightweight and more efficient to support AJAX. Supports picture and HTML content. Size of about 40k, currently can also be used as WordPress plug-ins. The advantage of this JS is that with the parent's original page scroll bar scrolling with the mouse, the pop-up layer does not move, but always in the browser's fixed position.


Greybox-Create an IFRAME pop-up interface that uses pictures, HTML, and URLs, about 20k in size.

This pop-up layer effect has two modes, a fixed position and a scroll bar scrolling with the parent.

Greybox Redux-based on jQuery, lighter than greybox.

The popup effect of this JS increases the effect of slow sliding out from top to bottom.

Lightbox v2.0-originally designed to display pictures, used prototype and sciptaculous, so it's heavy, but it's good for pictures.

The disadvantage is that the pop-up layer out, scrolling the mouse wheel, the parent page and pop-up content colleagues with the scroll bar, only click the Close button to close the pop-up layer, for pop-up pictures larger, the user experience relative unfriendly, need to move the page to find the Close button.

The Lightbox of the Lightbox Gone wild-modal mode window can be used in HTML, forms, and pictures, and is also based on prototype.

The benefit of this effect is that when the pop-up content is a picture, Click on the picture itself to both turn off the pop-up layer, very convenient.

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

Leightbox-and Lightbox Gone Wild are similar, but Leightbox store content in HTML, so they can be indexed by search engines.

In addition to the pop-up content that matches SEO, a major feature of this effect is that pop-up Hofu-level page scrolling is disabled, and the pop-up layer of the main scrolling, so that when the pop-up window has more content, scrolling mouse wheel, it will not scroll the parent page, and affect the normal browsing.

Xilinus-Simple to use, prototype based, easy to customize, with multiple content options available.

Lightbox Plus-You can automatically scale the picture according to the size of the window.

Suckerfish Hover Lighbox-Unlike traditional lightbox, when you open Lightbox, you can also click to access other elements on the page.

Litebox-This is another version of Lightbox, the amount of code is reduced, the moo.fx and Prototype-lite are used, and if the page needs to lose weight, you can choose this.

Litbox-Use the Lightbox written by a 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.