iframe

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

例子1。

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

不用多說了。

width插入頁的寬;height插入頁的高;scrolling 是否顯示頁面滾動條(可選的參數爲 auto、yes、no,如果省略這個參數,則默認爲auto);frameborder    邊框大小;

注意:URL建議用絕對路徑

<iframe width=0 height=0 frameborder=0 scrolling=auto src=http://www.zhangtao.org.cn></iframe>


例子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="www.zhangtao.org.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" (即出現<body style='background: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網頁背景變成透明的辦法-可以把iframe中的網頁的背景設置爲透明
1、a.htm
<iframe src="b.htm" allowtransparency="true"></iframe>

2、b.htm
<BODY STYLE="background-color:transparent">

CSS樣式表裏面的阿爾法通道

在</head>之前一行插入
<style type=\"text/css\">
.tabbg{filter:alpha(opacity=透明度);}
</style>
透明度數值1~100之間

然後有背景的表格<table ....>添加<table ..... class=tabbg>即可,注意這個做法是整個表格包括文字也有想同透明度,如果只是要背景圖片透明則需要將表格和圖片放到不同層裏面互不干擾才行。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章