2009年5月11日 星期一

iframe 使用及設定

在一個活動企劃,我想將每次活動會使用到的功能做成模組,透過模組的參數去控制每個模組要顯示的內容,然後在HTML頁面上透過 iframe 將模組崁入網頁中

選擇欲插入iframe的位置,切換至【顯示程式碼檢視】
貼上iframe標籤, 如
<iframe name="mainFrame" frameborder="0" width="700" height="300" class="iframe-style" src="http://www.fg.tp.edu.tw" > </iframe>

製作並套用CSS樣式, 如:
<style type="text/css" >
<!--
.iframe-style {
border: thin dashed #666666;
width: 700px;
height: 300px;
}
-->
</style>

常用屬性
name: 設定頁框名稱 (也就是連結的目標名稱)
frameborder: 設定框線粗細
class: 指定CSS樣式
src="要顯示網頁的URL"
width="450" 內置框架的高
height="200" 內置框架的寬
scrolling="yes" 有沒有捲軸(yes 或 no)
frameborder="o" 邊框,預設為有,0為無邊
allowtransparency="true" 透明

參考相關屬性網址
http://big5.ce.cn/gate/big5/blog.ce.cn/html/33/100933-17700.html

沒有留言:

張貼留言