Jquery pop-up window to mask the window

Source: Internet
Author: User

Http://www.malsup.com/jquery/block/#page

Blockui masks a control by using a div outside the control.

 

Under the RWC trend, I mostly use the jquery framework to achieve some results, some of which can be written by myself. In more cases, I can use the existing ones on the Internet.

For example, in the jquery pop-up window, the masking window is shown below. I need to meet several of my requirements.

    • Be concise and convenient
    • With the masking function, model dialog is called a modal window.
    • You can refer to the HTML pop-up window
    • You can define the position and size of the pop-up window.

In fact, I only need a box. I prefer to control the content of the box by myself, so that the versatility is strong. It must be concise and complicated to configure without a box. I used thickbox3.1 in the past. It is very powerful. When I use thickbox3.1, the CPU sometimes occupies a large amount of resources, which seems complicated and tends to be image-oriented. So I decided to find out If thickbox3.1 is more suitable for me:

Boxy: http://onehackoranother.com/projects/jquery/boxy/

HTML produced by boxyCodeIt is also messy. But boxy is the easiest to set, so it is easy to get started (pay attention to ing and find that the CPU is somewhat high ).

-= Other links =-
Http://www.ericmmartin.com/projects/simplemodal/
Http://dev.iceburg.net/jquery/jqModal/#examples
Simplemodal, jqmodal. These two are the simplest and flexible, but they need to be prepared by themselves, and the official demo is not very similar to what I want. Many configurations are required, and the learning cost is high.
If you want to customize your own dialog, these two plug-ins can be used as the basic package and encapsulated in the basic package. You can easily meet your requirements. Like this, you can pack it yourself !~

Http://www.malsup.com/jquery/block/
BlockuiGood results. In addition, the official help is also very detailed. If you just use simple masking, it is recommended to use it and it is easy to get started.

Http://docs.jquery.com/UI/Dialog
Officially, we need to introduce several extended JS files that support Window Scaling or something, but the production code is too complicated and not recommended.

Some dialog lists sorted on the network
Http://hi.baidu.com/freezesoul/blog/item/2889b44580e2fd23cffca3fb.html
Http://vision-media.ca/resources/jquery/jquery-popup-plugin-review

Custom JavaScript dialog boxes
Http://hi.baidu.com/freezesoul/blog/item/63a10bfa6e54109259ee90d8.html

 

A new http://fancy.klade.lv/exampleis great!

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.