设计之家 > 教程 > 網頁教程 > 其他教程 >

iframe的用法總結

作者：佚名　來源：設計之家　時間：2006-05-25

<iframe>是框架的一種形式，也比較常用到。

　　例子1。

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

不用多說了。

　　width插入頁的寬；height插入頁的高；scrolling 是否顯示頁面滾動條（可選的參數為 auto、yes、no，如果省略這個參數，則默認為auto）；frameborder  邊框大小；

　　注意：URL建議用絕對路徑

　　例子2。

　　如果一個頁面里面有框架。。隨便點頁面里的連接，要求在這個<iframe> 里打開。在iframe 中加入name=** （**自己設定）

<iframe name=**  ></iframe>

　　然后在修改默認打開模式，：網頁HEAD中加上<a href=URL target=**>或部分連接的目標框架設為（**）

　　例子3。

　　要插入一個頁面。要求只拿中間一部分。其他的都不要。，。。

　　代碼：

<iframe name=123  align=middle marginwidth=0 marginheight=0 vspace=-170 hspace=0 src="http://www.sj33.cn/"  frameborder=no scrolling=no  width=776  height=2500></iframe>

　　控制插入頁被框架覆蓋的 marginwidth=0 marginheight=0；控制框架覆蓋上部分的 vspace=-170

　　scrolling滾動條要否（auto、yes、no）   frameborder框架的邊框大小，width=776  height=2500此框架的大小。

　　一、頁面內加入iframe

<iframe width=420 height=330 frameborder=0 scrolling=auto src=URL></iframe>，
scrolling表示是否顯示頁面滾動條，可選的參數為auto、yes、no，如果省略這個參數，則默認為auto。

　　二、超鏈接指向這個嵌入的網頁，只要給這個iframe命名就可以了。方法是<iframe name=**>，例如我命名為aa，寫入這句HTML語言<iframe width=420 height=330 name=aa frameborder=0 src=http://www.cctv.com></iframe>，然后，網頁上的超鏈接語句應該寫為：<a  href=URL target=aa>

　　三、如果把frameborder設為1，效果就像文本框一樣

　　透明的IFRAME的用法

　　必需IE5.5以上版本才支持

　　在transparentBody.htm文件的<body>標簽中，我已經加入了style="background-color=transparent" 通過以下四種IFRAME的寫法我想大概你對iframe背景透明效果的實現方法應該會有個清晰的了解：

<IFRAME ID="Frame1" SRC="transparentBody.htm" allowTransparency="true"></IFRAME>

<IFRAME ID="Frame2" SRC="transparentBody.htm" allowTransparency="true" STYLE="background-color: green"> </IFRAME>

<IFRAME ID="Frame3" SRC="transparentBody.htm"></IFRAME>

<IFRAME ID="Frame4" SRC="transparentBody.htm" STYLE="background-color: green"> </IFRAME>

标签：Iframe

相關文章：

推薦設計

最新文章