23 Javascript pop-up window special effects finishing _ javascript tips-js tutorial

23 Javascript pop-up window effects. For more information, see. 1. Lightview

Lightview is developed based on Prototype and Script. aculo. us. It is used to create a mode dialog box that can overwrite the entire page. The displayed content can be not only images, text, webpages, content called through Ajax, but also Quicktime/Flash films that can be displayed with cool effects.

2. ThickBox ( Demo address )

ThickBox is a mode dialog box UI control. Developed based on jQuery, it can be used to display single or multiple images, embedded content, iframed content, or content obtained through Ajax.

3. Fonshen JS Window ( Demo address )

The wind JS window provides a solution for simulating WEB pop-up windows and dialog boxes. The program is based on JavaSBytes/XHTML/CSSStandard implementation. Supports customization of window styles with extremely high degrees of freedom; provides a simulated button Programming Model for interaction, which can simulate the dialog box. In addition, the interface can be referred to Javas.Some built-in window methods (such as window. open, window. alert, window. confirm) of struct object are simple and convenient.

4. YmPrompt

In web development, the appearance of the browser's default message prompt box (such as alert and confirm) cannot be controlled. To achieve better interface effects, this component is implemented by simulating the system message prompt box. You can use css to completely control the appearance. The call method is simple. You can directly use ymPrompt. alert () to call the call and pass in the corresponding parameters. Provides four types of messages. They are message prompts, success messages, error messages, and inquiry messages.

5. Modalbox

ModalBox is used to generate a mode dialog box in the Web2.0 style. Developed based on Prototype script. aculo. us framework, the effect is similar to the mode dialog box of Mac OSX. Content can be loaded through Ajax or a common HTML page.

6. SliderWindow

SliderWindow is a message reminder sliding form developed based on YUI.

7. MOOdalBox ( Demo address )

MOOdalBox is a Web2.0 mode dialog developed based on the Mootools framework. Ajax is used to load remote content for display.

8. JqWindowsEngine

This jQuery plugin helps you easily create Ajax Windows.

9. JQuery Alert Dialogs ( Demo address )

This jQuery plug-in can replace JavaSThe alert (), confirm (), and prompt () functions provided by the producer. You can use CSS to customize the appearance of a dialog box.

10. JQuery Float Dialog

JQuery Float Dialog is a floating mode Dialog box. You can use parameters to control the Dialog box's pop-up speed, full screen background, callback events, and orientation.

11. Facebook-Style Modal Box

A Facebook Style dialog box developed using Mootools.

12. Facebox ( Demo address )

Facebox is a mode dialog box that adopts the Mootools framework and has a Facebook style. It can display images, Flash, html, and other content. This is similar to the Facebox implemented by jQuery.

13. Jmpopups ( Demo address )

Jmpopups is a jQuery plug-in that can open multiple mode dialogs at the same time. The content in the pop-up window can be obtained from the current page or Ajax. Jmpopups is compatible with most browsers, including IE6, FF1.5, Opera9. *, Chrome2. *, and Safari 4 .*.

14. DhtmlxWindows

DhtmlxWindows is a JavaSThe Window control in the dialog box. Windows can be disabled, maximized/minimized, resized, topped, and dragged and dropped.

15. Custom JavaS Cript Dialog Boxes

A lightweight (about KB) custom JavaSDialog Box component.

16. Control. Popup ( Demo address )

The window control is displayed.

17. Weebox

Weebox is a jquery-based pop-up window plug-in. It has the following features:

Multi-layer pop-up windows are supported.

. A single pop-up window is supported, that is, when the same ID pop-up window is opened for the second use, the previous one will be automatically closed. Refer to the boxid Option

. Supports custom styles. For more information, see boxclass options.

. Solved the SELECT problem in IE and used the bgiframe function.

. Supports the drag effect, which can be set through draggable. For more information, see draggable options.

. Supports content source methods such as Ajax, Selector (jQuery), and Text (direct content)

. Multiple pop-up window types are supported. For details, refer to the type option.

. Automatic shutdown is supported. For more information, see the timeout option.

. Support for photo masking effect (modal pop-up window), refer to modal options

. Different display locations are supported, with an element in the middle or as a reference. For details, refer to the position option.

. Before the pop-up window is opened (onOpen), click confirm (onOK), click Cancel (onCancel), close the window (onClose) and other callback Functions

You can also set the title (setTitle), content (setContent), and buttons.

. You can only search for elements in the pop-up window: find (selector)

. Allows you to enable or disable animation effects. For details, refer to the "animate", "showAnimate", and "hideAnimate" options.

18. JQuery Impromptu

Used to create a mode dialog box. In the confirmation dialog box, enter the jQuery plug-in the content dialog box.

19. Boxy

Boxy is a jQuery plug-in used for flexible creation, similar to the facebook style Web2.0 mode dialog box.

20. DHTML window with tab support ( Demo address )

DHTML Window control with Tab support. It uses cookies

21. MooMessagebox

A custom Window form that can be flexibly configured and developed using Mootools.

22. NyroModal

A jQuery-based mode dialog box that is very flexible and Customizable for appearance/animation effects. You can use Ajax to call the target content and change the dialog box size.

23. SimpleModal

SimpleModal is a lightweight jQuery plug-in that provides a simple interface to create a mode dialog box.