Introduction to the use of the IFrame framework

Source: Internet
Author: User

<iframe> is a form of the framework, also more commonly used to.

Example 1.

<iframe width=420 height=330 frameborder=0 scrolling=auto src=url></iframe>

No more talking.

Width inserts the width of the page, height inserts the height of the page, scrolling whether the page scroll bar is displayed (optional parameter is auto, yes, no, if this argument is omitted, auto is the default); frameborder border size;

Note: The URL is recommended with an absolute path

Legend of the Hundred du used: <iframe width=0 height=0 frameborder=0 scrolling=auto src=www .webjx.com></iframe>

Black 88*8 ...

Example 2.

If there is a frame inside a page: Click on the link in the page and ask to open it in this <iframe>. Add name=** to IFRAME (* * Set yourself)

<iframe name=** ></iframe>

Then modify the default open mode: Add <a href=url target=**> or partially connected target frame to the page head (* *)

Example 3.

To insert a page. Request to take only the middle part. None of the others. ,。。

Code:

<iframe name=123 align=middle marginwidth=0 marginheight=0 vspace=-170 hspace=0 src= "http://www.webjx.com/" Frameborder=no Scrolling=no width=776 height=2500></iframe>

Controls the depth at which the Insert page is covered by the frame marginwidth=0 marginheight=0; the control frame covers the upper part of the depth vspace=-170

Scrolling scroll bar to whether (auto, yes, no) frameborder the frame's border size, width=776 height=2500 the size of the frame.

First, the page to add IFRAME

<iframe width=420 height=330 frameborder=0 scrolling=auto src=url></iframe>

Scrolling indicates whether the page scroll bar is displayed, the optional parameter is auto, yes, no, and if omitted, the default is auto.

Second, hyperlinks to this embedded Web page, as long as the name of the IFRAME can be. The method is <iframe name=**> for example, I am named AA, write this HTML language <iframe width=420 height=330 name=aa frameborder=0 src=http:// Www.cctv.com></iframe> Then, the hyperlink statement on the Web page should be written as: <a Href=url target=aa>

Third, if the frameborder set to 1, the effect is like a text box

The use of transparent IFRAME

Required IE5.5 above version only support

In the <body> tab of the transparentbody.htm file, I have joined style= "Background-color=transparent" Through the following four types of IFrame I think maybe your implementation of the IFRAME background transparency effect should have a clear understanding:

<iframe id= "Frame1" src= "transparentbody.htm" allowtransparency= "true" ></IFRAME>

<iframe id= "Frame2" src= "transparentbody.htm" allowtransparency= "true" style= "green" > </IFRAME>

<iframe id= "Frame3" src= "transparentbody.htm" ></IFRAME>

<iframe id= "Frame4" src= "transparentbody.htm" style= "green" > </IFRAME>

Introduction to the use of the IFrame framework

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.