Code _ javascript Tips for Using Div to simulate the effect of the showModalDialog mode menu

Source: Internet
Author: User
Code that uses Div to simulate the showModalDialog mode menu effect today studies how to use javascript and p to create the display mode form of the current form, and a small example that makes the subform unable to operate!
I can refer to some of my online results for this effect. it is complicated because it integrates some other functions, here I will briefly summarize the principle of this effect:
Step 1: define a p floating layer floating above the grass-roots layer. the default display mode is hidden. the related code is as follows:

Step 2: define a floating p object containing iframe. the width and height are both 100%, the background color is white, and the alpha transparency is set to 50%. The main function is to display better results;

Step 3: Make the output content p:

Display form

Hope you can have more exchanges!

Step 4: write related javascript scripts:

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.