標題:
iframe的運用
[列印本頁]
作者:
eightwing
時間:
2006-11-6 02:43 PM
標題:
iframe的運用
一般內置框架都是固定高度的,內容太長則會顯示捲軸,若將捲軸屬性設為 scrolling=no ,不會出現捲軸但是過長的內容會被截斷,這教學利用JavaScript來實現動態調整,不顯示捲軸,可以依內容的長短自動調整高度,看起來就像網頁的一部分,而且這javascript可相容IE/NS/Firefox瀏覽器。
下載降件的JS檔案 放置於網頁目錄下
在<head></head>之間插入如下
<script type=text/javascript src=iframe.js></script>
在<body></body>之間插入如下
<iframe id=myTestFrameID onload=javascript:{dyniframesize(myTestFrameID);} marginwidth=0 marginheight=0 frameborder=0 scrolling=no src=home.html width=100% height=300></iframe>
home.html 是內置框架中的網頁
請使用內部連結例如../home.html
用http://的連結方式無法正常顯示
[ 本文由 eightwing 於 2006-11-6 在 02:48 PM 作最後編輯 ]
檔案已失效
附件: iframe.js (817 bytes) / 該附件被下載次數 2
URL http://www.eightwing.idv.tw/discuz!/ attachment.php?aid=626
歡迎光臨 下班後論壇-不明所以版 華麗登場 (http://www.eightwing.idv.tw/discuz!/)
Powered by Discuz!
3.1.2 Plus
附件: iframe.js (817 bytes) / 該附件被下載次數 2